How can I do text-alignment without using "justify"?
<p>My problem is that in my web page I want to create the design of a newspaper and I need to put my text with the alignment that usually in css we can do with this code: </p>

<pre><code>.text-art{
    text-rendering: optimizeLegibility; 
    text-align: justify;
    word-spacing: -1px; 

}
</code></pre>

<p>The problem is that the result create blank spaces between the words that ruins the legibility and the graphic of the entire text, as shown in this image: </p>

<p><a href="https://i.stack.imgur.com/2w35S.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2w35S.png" alt="enter image description here"></a></p>

<p>Does anyone knows how can I solve the problem? Or if exist any javascript way to obtain a better result? Moreover my page is responsive so when I make the window little, the problem is bigger. </p>

<p>Hope you can help me! Thanks in advance! </p>