Question Overflow
Question Overflow

Reputation: 11255

How to align two inline-blocks of the same height but with different font sizes?

Is there a general method that doesn't involve micro-adjustment to align two inline blocks of the same height but containing words with different font size?

Vertical-align: middle does not work. Fine adjustment using % on vertical-align may not be cross-browser compatible. See Fiddle demo page.

Any better solutions?

Upvotes: 0

Views: 364

Answers (1)

Parixit
Parixit

Reputation: 3855

Its working if you add vertical-align:middle to both element.

You can either apply vertival-align:top; to both.

fiddle

Upvotes: 3

Related Questions