title: Custom line break on specified character
body: <p>I want to be able to word break an email, after the @ sign.</p>
  
  <p>So it would look like the following</p>
  
  <pre><code> id | name    | email       | status
  --------------------------------------
   1  | Bob joe | bjoe        | active
      |         | @gmail.com  | 
  --------------------------------------
   2  | jay c   | jc@gmail.com| active
  --------------------------------------
   3  | David   | dsmith      | inactive
      | Smith   | @yahoo.com  | 
                    ^ I want it to break the email right before the @sign
  </code></pre>
  
  <p>What I have so far is this:</p>
  
  <p><strong><a href="http://jsfiddle.net/9rjW3/" rel="nofollow">http://jsfiddle.net/9rjW3/</a></strong></p>
  
  <p>Here is the same code below:</p>
  
  <p>CSS</p>
  
  <pre><code>table{ 
      table-layout:fixed;  
  
      -ms-word-break: break-all; 
      word-break: break-all; 
      word-break: break-word; 
  
      width: 330px;
  }
  
  table td{
      overflow: hidden;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;table class="fixed" border="1"&gt;
      &lt;col width="20px" /&gt;
      &lt;col /&gt;
      &lt;col /&gt;
      &lt;col width="70px" /&gt;
      &lt;tr&gt;
          &lt;th&gt;#&lt;/th&gt;
          &lt;th&gt;Name&lt;/th&gt;
          &lt;th&gt;Email&lt;/th&gt;
          &lt;th&gt;status&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;1&lt;/td&gt;
          &lt;td&gt;Kaimana Marek&lt;/td&gt;
          &lt;td&gt;thisisatest@gmail.com&lt;/td&gt;
          &lt;td&gt;Active&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;2&lt;/td&gt;
          &lt;td&gt;Joshua Bourguignon&lt;/td&gt;
          &lt;td&gt;tasdflknadsfl@gmail.com&lt;/td&gt;
          &lt;td&gt;Inactive&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;3&lt;/td&gt;
          &lt;td&gt;Ekkehard Mehmud&lt;/td&gt;
          &lt;td&gt;asdflknasdc@yahoo.com&lt;/td&gt;
          &lt;td&gt;Active&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Is it possible to line break a string with a custom character like the <code>@</code> sign?</p>