vertical-align

The vertical-align CSS shorthand property sets the vertical alignment of an inline, inline-block, or table-cell box.

This property is a shorthand for the following CSS properties:

The vertical-align property can be used in two contexts:

To vertically align an inline-level element’s box inside its containing line box. For example, it could be used to vertically position an image in a line of text. To vertically align the content of a cell in a table.

Use this shorthand (vertical-align) instead of its corresponding longhand properties, unless you need to cascade them independently or (on SVG elements) to support legacy SVG implementations.

Syntax example: vertical-align: baseline;