Alinhar 2 ou mais DIVS

Você precisa alinhar 2 ou mais divs em linha? Basta copiar e customizar o código de minha sugestão. Note que você pode distribuir tanto conteúdo como mesmo criar um layout de página com 2 ou 3 divs usando o código que postei, bastando atribuir valores maiores para as divs e distribuindo o conteúdo nas colunas.

DIV 1

DIV 2

DIV 3

PASSO 1
Copie e cole este código antes de </ head >

<style type="text/css">
#dives {
 width: 100%;
}
#div_1 {
 width: 10%;
 height: 50%;
 background-color: #333;
 float: left;
 text-align: left;
 color: #FFF;
}
#div_2 {
 width: 10%;
 height: 50%;
 background-color: #666;
 float: left;
 text-align: center;
 color: #FFF;
}
#div_3 {
 width: 10%;
 height: 50%;
 background-color: #999;
 float: left;
 text-align: right;
 color: #FFF;
}
#clear {
 clear:both; 
}
</style>

PASSO 2
Copie e cole o código abaixo depois de < body >

<div id="dives">
<div id="div_1">DIV 1</div>
<div id="div_2">DIV 2</div>
<div id="div_3">DIV 3</div>
</div>
<div class="clear">
</div>

DICA: Você pode substituir os valores percentuais por valores em pixels.