title: How do I stop text running off screen and breaking layout without using CSS word-break property?
body: <p>I have a comment section on my site where if the user presses and holds down a key like:</p>
  <p>&quot;aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&quot;</p>
  <p>The comment goes off the screen and breaks out of the layout. A solution is this:</p>
  <pre><code>.comment {
      word-break: break-all;
  }
  </code></pre>
  <p>But unfortunately, this breaks all comments even normal ones like this:</p>
  <pre><code>I just came here to say tha
  t the quick brown fox jumped ov
  er the lazy dog.
  </code></pre>
  <p>How do I fix the first issue without causing the second?</p>