allineamento verticale testo e immagini

[ministry]

allineamento verticale testo e immagini

Ciao a tutti,
da alcuni giorni mi sto incaponendo su un problema assolutamente banale. In parole povere, vorrei allineare verticalmente un'immagine ed un testo indipendentemente dalla loro altezza.
Per capirci, vorrei ottenere una roba del genere (cerco di illustrarlo "graficamente", ovviamente non è codice):

####
####  testo testo testo testo testo
####  testo testo testo testo testo
####

```e anche

  testo testo testo testo testo

testo testo testo testo testo

testo testo testo testo testo

  testo testo testo testo testo

Seguendo diversi suggerimenti ho provato a scrivere qualcosa del genere:

nel css:

div.blocco img {
float:left;
margin-right: 5px;
vertical-align: middle;
}

div.blocco p {
vertical-align: middle;
}

<div class="blocco">
<p><img src="../immagini/immagine.gif">
Bla bla bla bla bla bla<br />
Bla bla bla bla bla bla</p>
</div>

Possibile che non ci sia un metodo semplice per fare questo? :x

[laburno]

Ciao Ministry,
vertical-align si applica solo a elementi inline, quindi su p non ha effetto. Su img però funziona, ma fa riferimento alla baseline del paragrafo, per questo anche se flottante a sinistra ti rimane "in alto".
Dovresti tentare la strada dei margini, o della suddivisione dello spazio in elementi flottanti. Mi spiego:

Metti img come float:left e applichi margini superiori e inferiori affinché il testo del paragrafo non vada a incartarla. E mantieni l'HTML come lo hai scritto ora.

Oppure, sposti l'img fuori dal paragrafo e flotti entrambi (img e p), dimensionandoli in modo che non si sovrappongano.