[ayuda]como arreglar estas etiquetas div una al lado de otra

[Rafael]

Yo te complemento algunos tips.

A la larga vas a acabar necesitando uno de estos: http://www.cssstickyfooter.com/ Ya parezco spammer co este sitio.

Esto te lleva a que tienes algo llamado un contenedor. Esta es la estructura básica:

Código HTML:

<div id="wrap">
    <div id="main">
 
    </div>
</div>
 
<div id="footer">
</div>
 

De ahí, para centrar, por ejemplo main le pones en la hoja de estilos.

Código CSS:

main {
width: 90%;
margin: 0 auto;}
 

y listo.