Text Align

Utilities for controlling the alignment of text.

Control the text alignment of an element using the , text-center, text-right, and text-justify utilities.

Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use hover:text-center to only apply the text-center utility on hover.

For a complete list of all available state modifiers, check out the documentation.

<p class="text-left md:text-center">
  <!-- ... -->

To learn more, check out the documentation on , Dark Mode and .