title: Split a table row into multiple rows if length is exceeded
body: <p>I have a PHP script which returns a long row. Using that I have made a snippet here - <a href="http://jsfiddle.net/MLZEb/6/" rel="nofollow noreferrer">http://jsfiddle.net/MLZEb/6/</a></p>
  
  <p>Can you help me break the row into multiple rows rather than having a horizontal scrollbar (<a href="http://jsfiddle.net/MLZEb/" rel="nofollow noreferrer">http://jsfiddle.net/MLZEb/</a>)?</p>
  
  <p>Currently I am using word-wrap, which makes it unreadable.</p>
  
  <pre><code>td
  {
  word-wrap: break-word;
  }
  table
  {
  width:100%;
  table-layout:fixed;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/MGd6v.png" alt="Snapshot of what I&#39;m looking for"></p>