Utilities for controlling the alignment of text.
2025-04-09
Written by: tdtc
| Class | Styles |
|---|---|
| text-left | text-align: left; |
| text-center | text-align: center; |
| text-right | text-align: right; |
| text-justify | text-align: justify; |
| text-start | text-align: start; |
| text-end | text-align: end; |
Use the text-left utility to left align the text of an element:
<p class="text-left">So I started to walk into the water...</p>Use the text-right utility to right align the text of an element:
<p class="text-right">So I started to walk into the water...</p>Use the text-center utility to center the text of an element:
<p class="text-center">So I started to walk into the water...</p>Use the text-justify utility to justify the text of an element:
<p class="text-justify">So I started to walk into the water...</p>