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?

codice:
<div class="divtotale">
    <div class="divmetasinistra"><img src="mia immagine"></div>
    <div class="divmetadestra">b</div>
</div>
<div>
    <p>aa</p>
</div>
css
codice:
.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;
}