How to get button text for vertex alignment in IE?

Question

I have text inside a button. I want this text to be aligned at the top of the button. By default, it looks like the middle. In webkit, I can get this text to align on top with -webkit-box-align: start; This is not like IE.

Example: http://jsfiddle.net/RY6dQ/

Answer 1

You can try the following ( example ):

HTML:

<button><span>Text</span></button>​ 

CSS

 button { height: 100px; } button span{ display: block; position: relative; top: -40px; }