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

Moderador: web

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

Alinhado à direita e alinhado à esqueda na mesma linha divs

31-01-2015 04:02

Nesse post mostro como fazer o alinhamento de duas divs na mesma linha, uma alinhada para esquerda e outra alinhada para direita.

Para fazer isso, basta usar o float.

float:left alinha os objetos para esquerda
float:right alinha os objetos para direita

<style> .div_geral{ width:100%; border:1px solid #ccc; } .div_esquerda{ float:left; } .div_direita{ float:right; } </style>


<div class="div_geral"> <div class="div_esquerda">esquerda 1</div> <div class="div_esquerda">esquerda 2</div> <div class="div_direita">direita 1</div> <div class="div_direita">direita 2</div> </div>

0
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

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