vertical-align.css

vertical-align: middle
http://phrogz.net/css/vertical-align/index.html

`vertical-align` can only be used on `table-cell` (such as td or elements with display: table-cell) and inline elements
(such as img or span with display:inline-block).

<div style="display:table-cell; vertical-align:middle"> ... </div>

<img align="middle" ...>
<img style="vertical-align:middle" ...>
<span style="display:inline-block; vertical-align:middle"> foo<br>bar </span>

When it is applied on normal block elements, most browsers set the value to inherit to all inline children of the element.

Use `align-items: center` on the container to vertically align items.