html - Aligning the baseline of a YUI button with the baseline of the text next to it -

I want to display a YUI button next to some text, but the YUI button text is not above the baseline, next to it With the base line of the text, the font family and size both are similar to the text and the text next to it.

If I use a plain HTML button, line up the baseline baseline correctly.

How do I get text baseline for line?

Add the adjacent text in the span tag with the following styles:

< Pre> & lt; Span style = "vertical-align: middle; display: inline-block; margin-top: -1.1em;" & gt; YUI button: & lt; / Span & gt;