[css] allineare orizzontalmente div sotto div allineati orizzontalmente

[ndakota]

ho un div che contiene tutto
#container
{
width: 100%;
}

poi tre div così allineati orizzontalmente
#1, #2, #3
{
width: 60px;
height: 20px;
float: left;
}

e tre div che andrebbe sotto allineati orizzontalmente e ho fatto così
#sotto1, #sotto2, #sotto3
{
width: 200px;
height: 100px;
float: left;
clear: left;
}

i primi tre sono allineati giusti orizzontalmente mentre quelli sotto vengono uno sotto l'altro, dove sbaglio?

[m.distrutti]

Originariamente inviato da ndakota

ho un div che contiene tutto
#container
{
width: 100%;
}

poi tre div così allineati orizzontalmente
#1, #2, #3
{
width: 60px;
height: 20px;
float: left;
}

e tre div che andrebbe sotto allineati orizzontalmente e ho fatto così
#sotto1, #sotto2, #sotto3
{
width: 200px;
height: 100px;
float: left;
clear: left;
}

i primi tre sono allineati giusti orizzontalmente mentre quelli sotto vengono uno sotto l'altro, dove sbaglio?

in questo preciso istante non ho modo di provare ma se metti clear:left; dici che non devono avere nulla a sinistra

#sotto1 X#sotto2X #sotto3

percio te le butta a capo

#sotto1
#sotto2
#sotto3


sotto2 e sotto3 si devono allineare con sotto1 che deve stare alla loro sinistra se ho capito bene, te invece il clear:left lo dai a tutti e tre

[ndakota]

hai ragione, lasciandolo solo al sotto1 funziona.. grazie

[m.distrutti]

prego