Text align

Syntax

Class
Properties
text-left
text-align: left;
text-center
text-align: center;
text-right
text-align: right;
text-justify
text-align: justify;
<div class="t1 w-256 p-16 bg-c-white shadow-4 text-left"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet ullamcorper neque. Donec placerat mi ut enim porttitor sagittis. </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Align left.
t1 text-left
.t1.text-left { text-align: left; }
Align center.
t1 text-center
.t1.text-center { text-align: center; }
Align right.
t1 text-right
.t1.text-right { text-align: right; }
Align justify.
t1 text-justify
.t1.text-justify { text-align: justify; }