Problema con div

[pegaso22]

Ciao a tutti,
è da poco che sto utilizzando i div per impaginare siti, ho una domanda per voi banale da fare:

Praticamente voglio prima avere 2 div al 50% e poi scrivere del testo sotto.
Facendo così mi crea le 2 colonne però ciò che vorrei scrivere sotto lo mette a destra.
Come mai? Cosa sbaglio?

<div class="divtotale">
    <div class="divmetasinistra"><img src="mia immagine"></div>
    <div class="divmetadestra">b</div>
</div>
<div>
    <p>aa</p>
</div>

css

.divtotale{
    line-height: 30px;
    width: width: 100% !important;
}
.divmetasinistra {
    width:50%!important;
    float:left;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}


.divmetadestra {
    width:50%!important;
    float:right;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

[pegaso22]

ho sistemato aggiungendo:
div.clearer{
float: none; clear: left
}

per il div che deve andare a capo!!

E' corretto?

[labdesign]

ciao,
se ho ben capito la tua richiesta ti basta inserire clear: both;