<p class="left">This text is left aligned</p>
<p class="right">This text is right aligned</p>
<p class="center">This text is center aligned</p>
<p class="justify">This text is justified - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure maiores fuga dignissimos nulla sapiente atque culpa reiciendis, neque perspiciatis vitae tenetur provident natus ducimus, molestias id illo adipisci! Eveniet, aperiam.</p>
<p class="initial">This text uses the default alignment</p>
<p class="inherit">This text inherits the text alignment of the parent container</p>
body {
  width: 75%;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.justify {
  text-align: justify;
}
.initial {
  text-align: initial;
}
.inherit {
  text-align: inherit;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.