Unleash your potential

Go one step further with our solutions for creating an intuitive, personalized experience.

Log In
Alpha
Docs Creations Contact
Docs / web / verticalAlign

VerticalAlign

You can manage the vertical alignment of your text.

Initializing the utility.

Here is the basic structure of the vertical alignment utility class: vertical_[value].

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

verticalAlign
<span class="vertical_text-bottom">text-bottom</span>
<span class="vertical_text-top">text-top</span>
<span class="vertical_bottom">bottom</span>
<span class="vertical_middle">middle</span>
<span class="vertical_top">top</span>
<span class="vertical_baseline">baseline</span>
<span class="vertical_super">super</span>
<span class="vertical_sub">sub</span>
text-bottom text-top bottom middle top baseline super sub

verticalAlign
<span class="vertical_text-bottom">text-bottom</span>
<span class="vertical_text-top">text-top</span>
<span class="vertical_bottom">bottom</span>
<span class="vertical_middle">middle</span>
<span class="vertical_top">top</span>
<span class="vertical_baseline">baseline</span>
<span class="vertical_super">super</span>
<span class="vertical_sub">sub</span>
Class Definition
vertical_top vertical-align: top!important;.
vertical_middle vertical-align: middle!important;.
vertical_bottom vertical-align: bottom!important;.
vertical_baseline vertical-align: baseline!important;.
vertical_text-top vertical-align: text-top!important;.
vertical_text-bottom vertical-align: text-bottom!important;.
vertical_super vertical-align: super!important;.
vertical_sub vertical-align: sub!important;.
Hello!

Haltura wants to provide you with an efficient experience by implementing cookies! Cookies are small files that help us to understand you better and to ensure the proper functioning of our technologies. You have the right to manage them as you wish!

Cookie settings

Important (Can't be disabled)