area con tre aree dentro

[pendolino4ever]

se io ho un div content ad esempio largo 650px e alto 200px e voglio mettere dentro tre div area che sono larghi 200px e alti 180px ponendo come spessore di bordo 10px e margine 0.Come si fanno a porre questi tre div uguali nel content pero tutti sulla stessa linea ovvero uno accanto all'altro.A me purtroppo si dispongono verticalmente.Quali sono le proprietà affinche si possano mettere aree una accanto all'altra?

[kaze]

io proverei con float:left su tutte e tre le aree...

[pendolino4ever]

HO PROVATO SOLTANTO CHE NON SO PERCHE MA LE TRE AREE SI DISPONGONO FUORI DALL'AREA TOTALE!iNFATI NON CAPISCO IL PERCHE!

[kaze]

Funzica

#contenitore{
height:200px;
width:650px;
text-align:center;
margin:auto;
background:#808080;
}
#area1{
height:180px;
width:200px;
float:left;
background:#FFFF00;
}
#area2{
height:180px;
width:200px;
float:left;
background:#FF0033;
}
#area3{
height:180px;
width:200px;
float:left;
background:#330099;
}

<div id="contenitore">
<div id="area1">1</div>
<div id="area2">2</div>
<div id="area3">3</div>
</div>