CSS vertical align different text size

css, html, vertical-alignment

Solution

Just add in the `vertical-align:middle;` style.

http://jsfiddle.net/uEu6B/1/

Problem

Assuming the following HTML: ``` ​<p><span style="font-size: 40px;">A</span>a​​​​​​​​​​​​​​​​​​​​​​</p>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ ``` Is it possible to get the second character to align to the center of the first? Actual Result The second character is aligned to the bottom of the first character in this example: Expected Result However, I want the second character to be aligned to the middle of the first character:

Original source