Ciao a tutti,
non riesco ad usare correttamente il posizionamento di due o più <div>.
In particolare se li affianco orizzontalmente (float:left).
Siccome non posso conoscere l'altezza del div in quanto il testo in esso contenuto è variabile, non riesco ad ottenere un allineamento corretto al "top" (praticamente mi "scalano" in funzione dell'altezza).

Allego una immagine così forse mi spiego meglio
test.jpg

Questo il codice

Codice PHP:
        <div>
            <div style=\"float:left\">
                <img src=\"avatar_commenti.png\" style=\"float:left;margin-right:10px;margin-bottom:10px;\">
            </div>
            <div style=\"float:left\">
                  $nome_commento - $data_commento
                  <br>
                   Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea  commodo consequat. Duis aute irure dolor in reprehenderit in voluptate  velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint  occaecat cupidatat non proident, sunt in culpa qui officia deserunt  mollit anim id est laborum   
            </div>
        </div> 
La larghezza stessa dei div non può essere fissa

Grazie per ogni dritta.