HTML TextArea Break Error
<p>In my site im inserting long length text without space  in text area and view then view that text inside <code>&lt;p&gt;</code> or <code>&lt;div&gt;</code> tag.but text dosn't break it shows as inline.how can i view text with proper spacing.</p>

<p>This is code for view textarea </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.text_in_status p {
  color: #333;
  font-size: 1.1em;
  font-weight: 400;
    display: block;
    

}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div className="text_in_status clearfix"&gt;
                &lt;p &gt;{this.props.post.text}&lt;/p&gt;
              &lt;/div&gt;</code></pre>
</div>
</div>
</p>

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