Link con immagine a sinistra e di fianco testo su 2 righe

[lucavizzi]

Però si può aggirare la questione mettendo uno span e dandogli un display:block

Oltre alla questione del block-level, un buon layout table-less è ricco di contenuti e povero di formattazioni.


C'è una bella differenza tra:

        <a href="carrello" >
            <div class="pull-left">
                <img src='static/images/carrello.png' alt='cart image'/>
            </div>
            <div class="pull-left" style="margin-left: 5px">
                <div style="font-weight: bold;font-size: 1em;color:black;line-height: 16px">Carrello</div>
                <div style="font-size: 0.7em;color:black;line-height: 14px">Carrello vuoto</div>
            </div>
        </a>

e

<a href="carrello" class="cart">
    <img src="static/images/carrello.png" alt="icona carrello">
    <span>
        <strong>Carrello</strong>
        Carrello vuoto
    </span>
</a>

anche rimuovendo gli stili in linea.