CSS Text Align

The text-align property set the alignment of the inner content of a block-level element.

left − The left edge of each line box is aligned with the left edge of the block-level element's content area.

right − The right edge of each line box is aligned with the right edge of the block-level element's content area.

center − The center of each line box is aligned with the center of the block-level element's content area.

justify − The edges of each line box should align with the edges of the block-level element's content area.

string − The content of cells in a column will align on the given string.

Example of Code

<style>
  .example-CSS-Text-Align-paragraph{
    text-align: right;
  }
</style>
<p class="example-CSS-Text-Align-paragraph">This CSS text is aligned right</p>

Output