hvordan får jeg to <div> at ligge ved siden af hinanden?

Ved eksempelvis at bruge float.

Har du for eksempel en omkransende container med width:800px; så kan du gøre følgende.

#container {
    margin-left:auto;
    margin-right:auto; /* Dette centrerer div */
    padding:0;
    margin:0;
}

Inde i denne kan du ligge dine to divs:

#div1 {
  float:left;
  width:400px;
}

#div2 {
  float:left;
  width:400px;
}

Så skulle de gerne ligge sig ved siden af hinanden, så længe deres samlede width ikke overskrider width på det omkransende lag.

Bare en hurtig gennemgang... håber det gav mening :)