Ciao a tutti,
so che l'argomento è stato già trattato più volte ma tra le guide e le risposte agli altri quesiti non sono riuscito a trovare una soluzione al mio problema... io devo inserire in una sidebar n blocchi tutti uguali composti da immagine sulla sinistra, testo sulla destra e bordo inferiore tratteggiato. Il testo sulla destra deve essere allineato orizzontalmente a sinistra, con un pò di spazio dall'immagine e centrato verticalmente... quello che non riesco a fare è quest'ultima parte, centrare il testo verticalmente, tenendo presente che il testo può essere su più righe e di queste la prima deve avere un colore diverso, ma il tutto (immagine + testo) deve essere cliccabile... un casino insomma

questa è la parte di html:
codice:
<div id="comm">
    <ul>[*]<a href="#">[img]images/1.jpg[/img]<span>Prima riga</span>
Testo testo testo testo testo testo testo testo</a[*]<a href="#">[img]images/2.jpg[/img]<span>Prima riga</span>
Testo testo testo testo testo testo testo testo</a[/list]
</div>
questa la parte relativa al css:
codice:
#comm li {
    list-style: none;
    text-align: left;
    border-bottom: 2px dotted #999;
    height: 52px;
}

#comm li img {
    float:left; 
    margin-right:10px; 
}

#comm li a {
    color: #000;
}

#comm li a:hover {
    color: #999;
}

#comm li span {
    color: #999;
}

#comm li a:hover span {
    font-weight: bold;
}
Ditemi se c'è qualcosa di non chiaro o se sono proprio fuori strada...
grazie in anticipo