Se si vuole allineare un'immagine al testo in maniera tale che essa stia alla sinistra e che contemporaneamente il testo risulti all'altezza del centro dell'immagine bisogna disporre con float l'immagine a sinistra e con vertical-align stabilire l'allineamento dell'immagine stessa con il resto del documento. Potrebbe poi essere necessario evitare che in una parte del testo vengano allineate delle immagini a destra o a sinistra per farlo basta usare
clear (left, right, both) per far sì che i lati vengano
ripuliti dai float.
GeSHi (html4strict):
<p>
<img src="pathimmagine/immagine.jpg" alt="la tua immagine" />
Testo allineato con la tua immagine
</p>Created by GeSHI 1.0.7.20
GeSHi (css):
p img{
vertical-align:middle;
float:left;
}Created by GeSHI 1.0.7.20