vertical-align - CSS | html font vertical align center
Thevertical-alignCSS[1]propertysetsverticalalignmentofaninline,inline-blockortable-cellbox.Thevertical-alignpropertycanbeusedintwocontexts:Notethatvertical-alignonlyappliestoinline,inline-blockandtable-cellelements:youcantuseittoverticallyalignblock-levelelements[2].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;vertical-align:10em;vertical-align:4px;vertical-ali...
The vertical-align CSS[1] property sets vertical alignment of an inline, inline-block or table-cell box.
The vertical-align property can be used in two contexts:
Note that vertical-align only applies to inline, inline-block and table-cell elements: you cant use it to vertically align block-level elements[2].
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; vertical-align: 10em; vertical-align: 4px; vertical-align: 20%; vertical-align: inherit; vertical-align: initial; vertical-align: revert; vertical-align: revert-layer; vertical-align: unset;The vertical-align property is specified as one of the values listed below.
Values for inline elements[3]Parent-relative valuesThese values vertically align the element relative to its parent element:
baselineAligns the baseline of the element with the...