Vertical Align

Vertical Align

Format:

.vertical-align-{value}

Values:

  • baseline
  • bottom
  • middle
  • sub
  • super
  • text-bottom
  • text-top
  • top

Example

baseline bottom middle sub super text-bottom text-top top
<span class="vertical-align-baseline">baseline</span>
<span class="vertical-align-bottom">bottom</span>
<span class="vertical-align-middle">middle</span>
<span class="vertical-align-sub">sub</span>
<span class="vertical-align-super">super</span>
<span class="vertical-align-text-bottom">text-bottom</span>
<span class="vertical-align-text-top">text-top</span>
<span class="vertical-align-top">top</span>