Skip to main content

Text alignment

Read about the text alignment you can use for your elements.

ClassProperties
text-centertext-align: center;
text-lefttext-align: left;
text-righttext-align: right;
text-justifytext-align: justify;
text-justify-alltext-align: justify-all;
text-starttext-align: start;
text-endtext-align: end;
text-unsettext-align: unset;
text-initialtext-align: initial;
text-inherittext-align: inherit;
text-reverttext-align: revert;

Basic Usage

This is a paragraph with text-center class.

This is a paragraph with text-left class.

This is a paragraph with text-right class.

<p class="text-center ...">This is a paragraph with text-center class.</p>
<p class="text-left ...">This is a paragraph with text-left class.</p>
<p class="text-right ...">This is a paragraph with text-right class.</p>