Centrado contenga una o dos lineas

[RocoBox3000]

Hola amigos,
No consigo centrar el texto respecto con la imagen.
Unas veces puede aparecer toda la informacion en una linea si el "div uno" contiene menos caracteres, pero otras puede aparecer en dos lineas.

Os dejo una imagen de como esta y como quiero que me quede (señalada con borde rojo), hasta ahora sin resultados.



html
------------------------------------------------
<div class="principal">
<div class="abc">
<img class="av" />
<div class="uno">nombreesdfsdfdsddfs</div>
<span class="dos">texto</span>
</div>
<div class="abc">
<img class="av" />
<div class="uno">nombre</div>
<span class="dos">texto</span>
</div>
</div>

css
------------------------------------------------
.principal { position:relative; width:200px; height:auto; overflow:hidden; margin:50px auto; background-color:#fff; padding:10px }
.abc { float:left; width:200px; height:auto; overflow:hidden; padding:4px 0 4px 0 }
.av { float:left; width:30px; height:30px; margin-right:12px;}
.uno { float:left; margin-right:12px}
.dos { float: left; font-size: 12px; color:#ff0000; margin-top:2px }




Saludos
Gracias

[pzin]

Mete la imagen y el contenido de la derecha en un elemento al que le das una display: table y luego esa imagen y el contenido en otro elemento con display: table-cell y así ya puedes alinearlo verticalmente. Es la forma más fácil/rápida.

[RocoBox3000]

Lo acabo de probar y funciona muy bien
Gracias por la idea ;)