title: TD of the Table element break into new line
body: <p>So this is an email template which you can not use modern front-end technologies. What I have to make is write 3 columned lines. </p>
  
  <p>They all have to be in the same TR because in mobile, columns gonna be 2. So if I find a way to break these into new line, I am gonna adapt that with mobile too. </p>
  
  <p>Baicly i need this,</p>
  
  <p><a href="https://snag.gy/QwgPfi.jpg" rel="nofollow">https://snag.gy/QwgPfi.jpg</a></p>
  
  <p>Into this (on mobile)</p>
  
  <p><a href="https://snag.gy/5LEtfD.jpg" rel="nofollow">https://snag.gy/5LEtfD.jpg</a></p>
  
  <p>I have the structure as:</p>
  
  <pre><code>&lt;tr&gt;
    &lt;td&gt;content&lt;/td&gt;
    &lt;td&gt;content&lt;/td&gt;
    &lt;td&gt;content&lt;/td&gt;
    &lt;td&gt;content&lt;/td&gt;
    &lt;td&gt;content&lt;/td&gt;
    &lt;td&gt;content&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>What I need to do is make 3 columned lines. The <code>td</code> above the <code>tr</code> has a width, so table inside has 100%. So how to break into a new line WITHOUT using <code>tr</code>'s? </p>