Vertically center align text

Question

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

I\'d like th

Answer 1

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; }