[CSS/HTML] Hoe doe ik DIVS naast elkaar

Hallo,

Ik ben bezig met layouts te maken, maar ik probeer al een tijdje divs naast elkaar te zetten.
Wat ik doe

Div links
float:left;

Div rechts
float:right;

DIv midden
margin-left:auto;
margin-right:auto;

Maar toch komen ze anders te staan en gaan ze onder elkaar.

Ik heb al proberen te zoeken, maar niks werkte, alvast bedankt.

Je moet ze allemaal float left geven en een goede width zodat het in je wrapper oid past.

<div id="container">
    <div id="vak1"></div>
    <div id="vak2"></div>

    <div style="clear: both;"> </div>
</div>

Nu moet je container een bepaalde width meegeven. Dan zorg je dat de width van vak1 EN vak2 bij elkaar kleiner of gelijk is aan container.
Vervolgens geef je ze een float mee (beide left, beide right, of left en right. Margin werkt hierbij helaas niet om ze naast elkaar te kunnen laten floaten)
Nu zou het moeten werken.

Voor 3 vakken naast elkaar had ik uitleg gegeven in mijn tutorial
Je kan de uitleg hier vinden.