como hacer que un div este al lado del otro?

[Dioz]

Usando float como te dijeron ;).

#principal {width: 800px;}
#div1 {width: 400px; float: left:}
#div2 {width: 400px; float: left;}

Tambien podes cambiar los widths a 50% para que abarquen la mitad cada uno, siempre y cuando no uses padding en el principal o margin en los div1 o div2, sino vas a tener problemas:
#div1 {width: 50%; float: left:}
#div2 {width: 50%; float: left;}

Si el div #principal no baja del todo, inclui un div de 'class="clear"' al fondo:
.clear {clear: all;}


Saludos!