Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como criar espaçamento entre elementos dentro da div CSS

03-05-2015 07:38

Nesse post mostro como criar espaçamentos entre elementos na mesma linha usando o CSS.

Quando temos alguns elementos dentro de outro, basicamente temos uma margem entre cada elemento. Veja nesse exemplo abaixo.

<div class="div"> <input type="button" class="button"> <input type="button" class="button"> <input type="button" class="button"> <input type="button" class="button"> </div>

Ao rodar o código acima, verá que cada elemento está definido a uma distância padrão lateralmente, definida pelo navegador.

Para aumentar ou diminuir as distâncias da lateral deve se usar o margin-left, margin-right ou ambos.

Por exemplo, para aumentar a distância lateral entre os botões, eu posso aplicar essa classe

<style> .button{ margin-left:10px; margin-right:10px; } </style>

Já se eu preciso diminuir a distância entre os botões eu posso usar valores negativos, como mostrado nessa classe.

<style> .button{ margin-right:-5px; } </style>

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado