You’re viewing an archive of outdated material. Visit The Web Standards Project’s updated site to learn about our current mission.

Problems With vertical-align: middle

(Note. You will need images enabled to see the problems depicted below).

In the following paragraph, all images should be middle aligned with the default text, the size of which is shown by the first segment of text. Middle align means that the middle of the image should be aligned with the middle (i.e., the baseline plus one half the x-height) of the default text. Any text should be aligned with the text baseline (which is the default value).

This paragraph contains many images of varying heights all of which should have their center aligned with the middle of a 14-point text element regardless of the line in which the images appear.