JSFiddle - React, Tailwind, and code Playground

HTML

<div class="someWrapper" align="justify">
    <p>This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. Last line</p>
</div>

CSS

.someWrapper {
    width: 500px;
}

JavaScript

var $someParagraph = $('.someWrapper p'),
    originalHeight = $someParagraph.height();

while( $someParagraph.height() === originalHeight ) {
    var paraContents = $someParagraph.html();
    $someParagraph.html( paraContents + '-' );
}

// You'll end up with one extra character, just use the contents
// from the beginning of the previous iteration
$someParagraph.html( paraContents );