JSFiddle - React, Tailwind, and code Playground

Justify text

by Jennifer Perrin

HTML

Lorem ipsum dolor sit amet, non vestibulum dolor viverra odio eleifend suspendisse, aenean phasellus ut turpis lacus magna ut, velit augue, malesuada justo purus diam, vestibulum ante sed. Sed est scelerisque neque rhoncus dictum, ut urna natoque dolor, a proin nam vel nec, porta a vestibulum dictum. Sit ultricies non, erat velit aliquam, risus magna enim in, vel augue nisl eu lorem. Vestibulum vivamus mi dolor sociosqu turpis, sed vel phasellus viverra iaculis netus. Pellentesque etiam, hymenaeos leo posuere mattis vestibulum sit, viverra id mauris proin fermentum, eget facilisis, magna dictum. Lacus leo. Fusce vestibulum, mauris pede ipsum ut at. Eu et in quam in, nec mauris aut ac vitae wisi a, diam eros hac molestie iaculis ut. Tincidunt et magna sed tortor, eleifend dapibus dis quis, iaculis at, vulputate orci dignissim malesuada sapien. Imperdiet a. Habitant nonummy facilisi purus.

CSS

html { background: #eee }

body {
    background:white;
    width:20em;
    text-align:justify;
}

body:after {
    content: "";
    display: inline-block;
    width: 100%;
    height:0;
    font-size:0;
    line-height: 0;
    background:red; /* to show it has no dimensions */
}