Text Align

Give text alignment.

Class Properties
.text-lefttext-align: left;
.text-righttext-align: right;
.text-centertext-align: center;
.text-justifytext-align: justify;

Usage

A simple way to adjust the line height of text.

<div class="text-left">This text is to the left</div>
<div class="text-center">This text is to the center</div>
<div class="text-right">This text is to the right</div>
<div class="text-justify">This text is justified which means it fills the whole line when it wraps so the start and end of the text with touch both the left and right side.</div>
This text is to the left
This text is to the center
This text is to the right
This text is justified which means it fills the whole line when it wraps so the start and end of the text with touch both the left and right side.

Compiled Example

Input

<div class="text-left">This text is to the left</div>
<div class="text-center">This text is to the center</div>
<div class="text-right">This text is to the right</div>
<div class="text-justify">This text is justified which means it fills the whole line when it wraps so the start and end of the text with touch both the left and right side.</div>

Output

<div class="text-left" style="" align="left">This text is to the left</div>
<div class="text-center" style="" align="center">This text is to the center</div>
<div class="text-right" style="" align="right">This text is to the right</div>
<div class="text-justify" style="" align="justify">This text is justified which means it fills the whole line when it wraps so the start and end of the text with touch both the left and right side.</div>
On this page