CodePen Embed - text-align-last-1

<div>
  <p class="text">text-align-last: right;</p>
  <p class="block right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veritatis sapiente reprehenderit vel dignissimos laborum, optio dicta distinctio necessitatibus eaque.</p>
    <p class="text">text-align-last: left;</p>
  <p class="block left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veritatis sapiente reprehenderit vel dignissimos laborum, optio dicta distinctio necessitatibus eaque.</p>
    <p class="text">text-align-last: center;</p>
    <p class="block center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veritatis sapiente reprehenderit vel dignissimos laborum, optio dicta distinctio necessitatibus eaque.</p>
    <p class="text">text-align-last: justify;</p>
    <p class="block justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus veritatis sapiente reprehenderit vel dignissimos laborum, optio dicta distinctio necessitatibus eaque.</p>
</div>

div{
  padding: 20px;
}
.block {
  text-align: justify;
}
.right{
    text-align-last: right;
}
.left{
    text-align-last: left;
}
.center{
    text-align-last: center;
}
.justify{
    text-align-last: justify;
}
.text{
  font-size: 18px;
  text-align: center;
  font-weight: 700;
}

This Pen is owned by css.in.ua on CodePen. It is a fork of this Pen.

See more by @css_in_ua on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.