Divs Flotantes

Hola.
En esta primera entrada voy a poner un ejemplo muy sencillo de como poner un Div al lado de otro y como agregar uno más en la siguiente linea.
#div123 es la forma de crear un estilo destinado para el control que tenga ese nombre especifico y es muy útil para cuando se quiere hacer una configuración personalizada y por ejemplo en varias paginas puede poner un div que se llame #Divestilo y todos los divs que se llamen así adoptarán dicha configuración.

background: es solo para ponerle color al fondo de cada Div.
foat:left : indica que hará "flotar" el div hacia la izquierda.
clear:both : indica que debe mover el div hacia abajo de los otros elementos flotantes.

<style type="text/css">

         #div1{

         float:left;

         background:#EEDD60;

         }

         #div2{

         float:left;

         background:#05FF80;

         }

         #div3{

         clear:both;

         background:#FF0000;

         }

</style>
<div id=”div1″>Ejemplo del div1</div>
<div id=”div2″>Ejemplo del div2</div>
<div id=”div2″>Ejemplo del div2</div>

Ejemplo del div1

Ejemplo del div2

Ejemplo del div3