Question

I have a button which I’m using multiple times in my webpage. The buttons styles will be as

1. Button with Text and Image.
2. Button with only Image.
3. Button with only Text.

As shown in the fiddle
http://jsfiddle.net/xzBaZ/4/

I’m using he same css for the button class. I need to align the Text Vertically to center if it is the first case. and no extra alignment is required for other cases.

How can I do this??

Answer 1

vertical-align: bottom on the <img> or make the image and the text equal line heights. The latter requires you to know the image height beforehand.