Understanding CSS Vertical Alignment

vertical-align

vertical-align: middle

In Table Cells

In table cells (and in div with display: table-cell), this will work as expected. The content will be centered vertically.

In Inline Elements

It works like the old 'align' property. This means that it will KIND OF work the way you expect it.

For ALL Other Elements

Technically, it should not do ANYTHING on these elements.