Text in der Mitte neben einem Bild ausrichten?

Question

Ich habe eine Tabellenspalte wie diese, wo ich ein Bild und einen Text ausrichten möchte. Der Text muss in der Mitte des Bildes sein.

<td><img height='50px' src='blabla'>Hello</td> 

Oben wird der Text am unteren Rand des Bildes ausgerichtet.

Ich habe auch versucht vertical-align:middle zur td style-Eigenschaft hinzufügen, ohne Glück.

Ich habe auch versucht, eine <font> und das Styling vertical-align:middle ohne Glück zu versuchen.

Ich weiß eine Möglichkeit, und das Hinzufügen einer anderen Tabellenspalte und mit dem Text und Bild in separaten Spalten, dann wäre es möglich, den Text vertikal in der Mitte auszurichten, aber ich versuche, dies zu vermeiden.

Irgendwelche Ideen?

Answer 1

Sie haben die vertical-align hinzufügen zum img, nicht die td:

<td> 
    <img style="vertical-align: middle;" src="test.jpg"/> 
    test 
</td> 

Um den Stil auf alle Bilder in td s gelten, eine externe CSS:

td img { 
    vertical-align: middle; 
} 

Answer 2

Haben Sie versucht, valign mit = "middle"

<td valign="middle"><img height='50px' src='blabla'>Hello</td> 

Auch der img keine Notwendigkeit hinzufügen "px" auf die Höhe.

Answer 3

vertical auszurichten als auch zu der Zeile, nicht nur die Zelle.

Answer 4

Hier gehen Sie:

<table> 
<tr> 
<td><img height='50' width='50' src='http://www.google.com/images/logos/ps_logo2.png' style='vertical-align:middle;">Hello</td> 
</tr> 
</table> 

http://jsfiddle.net/FDRy8/

Answer 5

Verwendung vertical-align:middle auf das Bild und nicht die td

td img{ 
vertical-align:middle; 
} 

Arbeitsbeispiel bei http://www.jsfiddle.net/gaby/pPVtH/