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>
<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
