Sections

Vertical alignment

Atomic vertical alignment classes allow you to change an element’s vertical alignment quickly.

Classes

Class	Output
`.va-baseline`	`vertical-align: baseline;`
`.va-bottom`	`vertical-align: bottom;`
`.va-middle`	`vertical-align: middle;`
`.va-sub`	`vertical-align: sub;`
`.va-super`	`vertical-align: super;`
`.va-text-bottom`	`vertical-align: text-bottom;`
`.va-text-top`	`vertical-align: text-top;`
`.va-top`	`vertical-align: top;`
`.va-unset`	`vertical-align: unset;`

Examples

Section titled Examples

<div class="va-baseline">…</div>
<div class="va-bottom">…</div>
<div class="va-middle">…</div>
<div class="va-sub">…</div>
<div class="va-super">…</div>
<div class="va-text-bottom">…</div>
<div class="va-text-top">…</div>
<div class="va-top">…</div>
<div class="va-unset">…</div>

.va-baseline

.va-bottom

.va-middle

.va-sub

.va-super

.va-text-bottom

.va-text-top

.va-top