Adjust vertical alignment with these utilities.

To adjust the alignment of an element, use .align-baseline, .align-top, .align-middle or .align-bottom. The vertical-align property only applies to inline or table-cell boxes.

<div class="overflow-auto">
  <div class="table">
    <div class="table-cell"><h1>Hamburger</h1></div>
    <div class="table-cell align-baseline">.align-baseline</div>
    <div class="table-cell align-top">.align-top</div>
    <div class="table-cell align-middle">.align-middle</div>
    <div class="table-cell align-bottom">.align-bottom</div>
  </div>
</div>

Current Tags

• 1.0.2                                ...           latest (9 years ago)

3 Versions

• 1.0.2                                ...           9 years ago
• 1.0.1                                ...           9 years ago
• 1.0.0                                ...           10 years ago