JSFiddle - React, Tailwind, and code Playground

by samc

HTML

<p>testing 123</p>
<p>The quick brown fox</p>
<div>testing 123</div>
<div>The quick brown fox</div>

CSS

p {
    line-height: 2;
    margin: 0;
}

div {
	text-align: justify;
	text-align-last: justify;
    line-height: 2;
    height: 32px; /* font-size * line-height */
    overflow: hidden;
}

div:after {
	content: "";
	display: inline-block;
	width: 100%;
    height: 0px;
    overflow: hidden;
}