W3Schools Tryit Editor

<!DOCTYPE html>
<html lang="en">
<title>W3.CSS</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/6/w3.css">
<body class="w3-container">

<h2>Justified Text</h2>
<p>The <b>w3-justify</b> class adjusts word spacing so full lines reach both the left and right edges.</p>
<p>The last line normally stays left-aligned.</p>
<p>Compare the two paragraphs and resize the window to see how the spacing changes.</p>

<div style="max-width:400px">
  <h3>Left-aligned Text</h3>
  <p class="w3-left-align">Learning CSS is easier when you can see the effect of each class. A short example lets you compare the same text with different styles. Resize the window to see how the words move onto new lines. The content stays the same while the spacing between words changes.</p>

<h3>Justified Text</h3>
  <p class="w3-justify">Learning CSS is easier when you can see the effect of each class. A short example lets you compare the same text with different styles. Resize the window to see how the words move onto new lines. The content stays the same while the spacing between words changes.</p>
</div>

</body>
</html>