<p class="left">This is left.</p>
<p class="right">This is right.</p>
<p class="center">This is center.</p>
<p class="start">This is start.</p>
<p class="end">This is end.</p>

<p class="justify">This is justify. Lorem ipsum dolor sit amet consectetur adipisicing elit. Et fugit odio molestiae quaerat similique ratione ab a blanditiis amet incidunt distinctio explicabo dicta, autem ad, recusandae repudiandae quasi porro nihil?</p>
.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.start {
  text-align: start;
}

.end {
  text-align: end;
}

.justify {
  text-align: justify;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.