Text align
Example
Apply the text-align utility will place the text within an element to
Left
Right
Center
Justify will only appear when there are multiple rows. When there is multiple rows, the text will always cover the full width of the container. To do this the spacing between the words is increased. To view this, change the viewport and the rows will always be edge to edge except for the last row.
Classes
Format: .u-text-align--alignment
| Modifiers | Description | Values |
| alignment | Decides which placement the text will have. | left, right, center, justify, initial, inherit |