Dialtone

Vertical Align

Utilities for controlling an element's text transform.

Classes

ClassOutput
.d-va-baselinevertical-align: baseline !important;
.d-va-topvertical-align: top !important;
.d-va-bottomvertical-align: bottom !important;
.d-va-text-topvertical-align: text-top !important;
.d-va-text-bottomvertical-align: text-bottom !important;
.d-va-middlevertical-align: middle !important;
.d-va-subvertical-align: sub !important;
.d-va-supervertical-align: super !important;
.d-va-unsetvertical-align: unset !important;

Baseline

Use d-va-baseline to vertically align an element to the baseline.

<div class="d-d-inline-block d-va-baseline">...</div>

Top

Use d-va-top to vertically align an element to the top.

<div class="d-d-inline-block d-va-top">...</div>

Middle

Use d-va-middle to vertically align an element to middle.

<div class="d-d-inline-block d-va-middle">...</div>

Bottom

Use d-va-bottom to vertically align an element to the bottom.

<div class="d-d-inline-block d-va-bottom">...</div>

Text Top

Use d-va-text-top to vertically align an element to text top.

<div class="d-d-inline-block d-va-text-top">...</div>

Text Bottom

Use d-va-text-bottom to vertically align an element to text bottom.

<div class="d-d-inline-block d-va-text-bottom">...</div>
Last Updated: