Skip to content

Text Align ​

Utilities for specifying the alignment of a text.

Class NameCSS Equivalent
.text-starttext-align: start;
.text-endtext-align: end;
.text-lefttext-align: left;
.text-righttext-align: right;
.text-centertext-align: center;
.text-justifytext-align: justify;

Text Align ​

The .text-{alignment} classes set the text-align property to align the text within the block.

.text-start
.text-end
.text-left
.text-right
.text-center
.text-justify
CEO
Alice Johnson
alice.johnson@company.com
About
Nulla dolor velit adipisicing duis excepteur esse in duis nostrud occaecat mollit incididunt deserunt sunt. Ut ut sunt laborum ex occaecat eu tempor labore enim adipisicing minim ad. Est in quis eu dolore occaecat excepteur fugiat dolore nisi aliqua fugiat enim ut cillum. Labore enim duis nostrud eu. Est ut eiusmod consequat irure quis deserunt ex. Enim laboris dolor magna pariatur. Dolor et ad sint voluptate sunt elit mollit officia ad enim sit consectetur enim.
html
<div class="text-start">This is a text with start alignment</div>
<div class="text-end">This is a text with end alignment</div>
<div class="text-left">This is a text with left alignment</div>
<div class="text-right">This is a text with right alignment</div>
<div class="text-center">This is a text with center alignment</div>
<div class="text-justify">This is a text with justify alignment</div>