Back to Tailwind CSS Hub

Nearby lessons

47 of 61
Tailwind CSS - List StyleTailwind CSS - TextTailwind CSS - Vertical AlignTailwind CSS - WhitespaceTailwind CSS - Word Break

↕️ Tailwind CSS - Vertical Align

📖 Overview

Vertical align utilities control the vertical alignment of inline or table-cell elements. These map to the CSS vertical-align property.

📏 Vertical Align Utilities

Available utilities:

  • align-baseline - Align to text baseline (default)
  • align-top - Align to top of line
  • align-middle - Align to middle of line
  • align-bottom - Align to bottom of line
  • align-text-top - Align to top of parent's font
  • align-text-bottom - Align to bottom of parent's font
  • align-sub - Subscript alignment
  • align-super - Superscript alignment
🌀

tailwind Designer

Live Component Playground

html Source
Loading...
Built with Tailwind CSS • Instant Reflection

🧠 Test Your Knowledge

2 Questions

Progress: 0 / 2
Keep Going!Tailwind CSS - Whitespace