Text alignment
Utilities for controlling the alignment of text
Class reference
Usage
Control the text alignment of an element using the .text-left, .text-center, .text-right, and .text-justify utilities.
Responsive
To control the text alignment of an element at a specific breakpoint, add a {screen}: prefix to any existing text alignment utility. For example, use md:text-center to apply the text-center utility at only medium screen sizes and above.
<p class="text-left **md:text-center** ...">Lorem ipsum dolor sit amet ...</p>For more information about Elements’ responsive design features, check out the Responsive Design documentation.
On this Page
v1.13.5