CSS Break Word on Commas
<p>I am trying to break a word based on commas instead of spaces</p>

<p>I have seen the solutions that include adding the <code>&lt;wbr&gt;</code> tag to your HTML, however, for dynamic information now I need another script to insert it into the HTML text and if the user doesn't have JS enabled it doesn't really do me much good.</p>

<p>As of now, I am using a combination of:</p>

<pre><code>white-space: break-word;
word-break: break-all;
</code></pre>

<p>It works as an OK solution, however, both of these solutions I found (<a href="https://stackoverflow.com/a/15137272/1887101">https://stackoverflow.com/a/15137272/1887101</a>; <a href="https://stackoverflow.com/questions/10373459/break-long-no-spaces-lines-on-commas-dots-hyphens-or-other-special-chars">break long-no-spaces-lines on commas, dots, hyphens or other special chars</a>) are more than 3 years old - so I am wondering if there are any more recent solutions available for this issue?</p>

<p>Sample string:</p>

<blockquote>
  <p>C31C636363-Thermal,80mm, ReStick,Serial,A/C,PSIncluded,EDG</p>
</blockquote>

<p>Sample break:</p>

<blockquote>
  <p>C31C636363-Thermal,80mm, ReStick,</p>
  
  <p>Serial,A/C,PSIncluded,EDG</p>
</blockquote>