Salve a tutti,
probabilmente è una domanda stupida ma mi sono reso conto che non ho mai risolto questo problema.

Se voglio fare un layoyt table-less imposto due div con la larghezza esplicità e l'attributo float:left.
Se però la larghezza in percentuale delle colonne in totale è 100% i div mi compaiono uno sotto l'altro. Come posso ovviare a questo problema?

Grazie a chi mi risponderà.

Il codice scritto è questo:

codice HTML:
<div class='sectionToolBox'>
    <div class='sectionToolCol'>Colonna 1</div>                                            
    <div class='sectionToolCol'>Colonna 2</div>
</div>
codice:
.sectionToolBox{
    text-align:center;
    margin:30px auto;
    border:1px solid white;
    width:80%;
}

.sectionToolCol{
    width:50%;
    float:left;
}