vertical-align
Sets the vertical alignment of an inline or table-cell element. It's commonly used to align icons with text or to center content inside a table cell.
It is documented as part of the CSS Inline specification.
Syntax
/* Usage Example */
.icon {
/* Aligns the middle of the icon with the middle of the text line */
vertical-align: middle;
}
/* Syntax */
vertical-align: baseline;
vertical-align: sub;
vertical-align: super;
vertical-align: text-top;
vertical-align: text-bottom;
vertical-align: middle;
vertical-align: top;
vertical-align: bottom;
/* Global values */
vertical-align: inherit;
vertical-align: initial;
vertical-align: revert;
vertical-align: revert-layer;
vertical-align: unset;vertical-align Browser support
Widely available
Since
2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
1+
1+
1+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more