Pricing Learn Community

Vertically align text

Tailwind CSS Vertically align text

Use responsive vertically align text utilities with TW elements. Learn how to align text vertically in a simple way.

Basic example

To vertically align text, you can use the .flex and .items-center classes to align the text vertically in the center of its container.

Text centered vertically.

HTML

        
            
        <div class="... flex items-center">
          <p>Text centered vertically.</p>
        </div>

Basic example
Related resources