Vertically center align text

Question

Ok, here\'s what this HTML elements looks like right now:

I\'d like th

Answer 1

Add style="vertical-align: middle" to your <img /> tag.

See http://phrogz.net/CSS/vertical-align/index.html for a full explanation about the vertical-align tag.

Answer 2

To center text vertically set the line-height to the same as the height, for example:

img{ height: 30px; }
#text{ line-height: 30px; }

And set vertical-alignment to middle:

#text{ line-height: 30px; vertical-align:middle; }