title: Alternative for `word-break: break-word`
body: <p>Is there an <strong>alternative</strong> for <code>word-break: break-word</code> that works in firefox ?</p>
  
  <p><strong>In firefox[Version 57.0]</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Q5707.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Q5707.png" alt="enter image description here"></a></p>
  
  <p><strong>In Chrome[Version 62.0.3202.94]</strong></p>
  
  <p><a href="https://i.stack.imgur.com/a8XY5.png" rel="noreferrer"><img src="https://i.stack.imgur.com/a8XY5.png" alt="enter image description here"></a></p>
  
  <p>Is there a way or an alternative to use <code>break-word</code> attribute in firefox also.? [<em>if it works in older versions it would be much better.</em>]</p>
  
  <p><strong>Sample Code</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>table {
    width: 300px;
    display: inline-block;
    overflow: hidden;
    word-break: break-word;
  }
  
  .text-right {
    width: 30%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td class="text-right"&gt;Sample text &lt;/td&gt;
      &lt;td&gt;Sample texttexttexttexttexttexttexttext 000000000000000000000000000000&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>