JSFiddle - React, Tailwind, and code Playground

by jasongennaro

HTML

<div>I want to justify this text</div>
<div>like this</div>
<div>But I don't mind if it squashes it</div>

CSS

div{width:300px; 
    border:1px solid red;
    text-align:justify; text-justify: newspaper;
}

div:after{
    content: " &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
    line-height: 0;
    visibility: hidden;
}