JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true">
    <p id="p1">
        <span id="s1">S</span><span id="s2">o</span><span id="s3">m</span><span id="s4">e</span><span id="s5"> </span><span id="s6">t</span><span id="s7">e</span><span id="s8">x</span><span id="s9">t</span> <span id="s1">S</span><span id="s2">o</span><span id="s3">m</span><span id="s4">e</span><span id="s5"> </span><span id="s6">t</span><span id="s7">e</span><span id="s8">x</span><span id="s9">t</span> <span id="s1">S</span><span id="s2">o</span><span id="s3">m</span><span id="s4">e</span><span id="s5"> </span><span id="s6">t</span><span id="s7">e</span><span id="s8">x</span><span id="s9">t</span> <span id="s1">S</span><span id="s2">o</span><span id="s3">m</span><span id="s4">e</span><span id="s5"> </span><span id="s6">t</span><span id="s7">e</span><span id="s8">x</span><span id="s9">t</span> 
</div>

CSS

div {
  width:200px;
  text-align:justify;
}