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


Moderador: web

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

divs interna com margens iguais no topo e na lateral CSS

19-02-2016 14:55

Nesse post vou deixar um exemplo em CSS de como colocar algumas divs dentro de uma div principal, onde as divs internas terão margens laterais e no topo do mesmo tamanho.

Obs.: Dependendo do tamanho desejado para a div principal .principal pode ser necessário ajuste no width da div .interna

<style> .principal{ width:400px; height:22px; background-color:#ccc; } .interna{ width:19.7%; height:20px; background-color:#eee; float:left; display:block; margin:1px 0px 1px 1px; } </style> <div class="principal"> <div class="interna">texto</div> <div class="interna">texto</div> <div class="interna">texto</div> <div class="interna">texto</div> <div class="interna">texto</div> </div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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