title: Div breaking table in mail template magento
body: <p>I need help regarding this because frankly I have been stuck trying to fix it for a while.
  Magento transporter wraps the table in a <code>&lt;div&gt;</code> and the <code>&lt;div&gt;</code> element breaks my table and I cannot find anywhere why.
  This is the code. Can anyone help?</p>
  <pre><code>&lt;table role=&quot;presentation&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;&quot; style=&quot;height: 205px; table-layout: fixed; border: solid 1px #efefef; background-color: #fdfdfd; padding: 15px 12px 19px; margin-bottom:10px !important;&quot; &gt;
    &lt;tbody&gt;
    &lt;tr&gt;
          &lt;td colspan=&quot;80%&quot;&gt;
              &lt;table role=&quot;presentation&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;text-align: center; table-layout: fixed; width: 100%; height: 180px;&quot;&gt;
              &lt;tbody&gt;
                  &lt;tr style=&quot;width: 100%;&quot;&gt;
                      &lt;td colspan=65% style=&quot;&quot;&gt;
                          &lt;div&gt;  חולצת בייסיק ניקי&lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=&quot;5%&quot; style=&quot;&quot;&gt;
                          &lt;div style=&quot;height: 20px; width: 2px;  background-color: black; margin: auto;&quot;&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=30% style=&quot;&quot;&gt;
                          &lt;div &gt; FOX &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td colspan=33% style=&quot;&quot;&gt;
                      &lt;/td&gt;
                      &lt;td colspan=33% style=&quot;&quot;&gt;
                      &lt;? echo ?&gt; L מידה
                      &lt;/td&gt;
                      &lt;td colspan=&quot;2%&quot; style=&quot;&quot;&gt;
                          &lt;div style=&quot;height: 20px; width: 2px;  background-color: #e6e6e6; margin: auto;&quot;&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=32% style=&quot;&quot;&gt;
                      &lt;div class=&quot;swatch-option color&quot; option-type=&quot;1&quot; option-id=&quot;&amp;lt;?=$k['optionId'] ?&amp;gt;&quot; option-label=&quot;&amp;lt;?=$k['optionLabel'] ?&amp;gt;&quot;&gt;&lt;/div&gt;
                            צבע
                        &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td colspan=&quot;65%&quot; style=&quot;&quot;&gt;
                      &lt;div style=&quot;text-align:right&quot;&gt;
  M
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=&quot;35%&quot;style=&quot;&quot;&gt;
                      &lt;div&gt;
                      :החלפה ל
                          &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td colspan=&quot;65%&quot; style=&quot;&quot;&gt;
                      &lt;div style=&quot;text-align:right&quot;&gt;
                         motiv pentru ca
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=&quot;35%&quot;style=&quot;&quot;&gt;
                      &lt;div&gt;
                      :סיבת החלפה
                          &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
    &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/td&gt;
          &lt;td colspan=&quot;20%&quot; &gt;
              &lt;div style=&quot;display:block;width:104px; height:145px;text-align: center; font-size: 0; background:url('https://preview.redd.it/dafv3ne6kua21.jpg?width=640&amp;crop=smart&amp;auto=webp&amp;s=7939967e8a33a8e9a18d999467e4f73a9ebb2e20') no-repeat center; background-size: cover; position: relative&quot;&gt;
              &lt;/div&gt;
              &lt;div style=&quot;
              position:absolute;
              z-index: 1;
              width: 104px;
              height: 24px;
              opacity: 0.8;
              background-color: #000;
              color: white;
              text-align: center;
              line-height: 24px;&quot;&gt;
             פריט החלפה
              &lt;/div&gt;
          &lt;/td&gt;
          
      &lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;/div&gt;
      &lt;table role=&quot;presentation&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;550&quot; style=&quot;height: 205px; table-layout: fixed; border: solid 1px #efefef; background-color: #fdfdfd; padding: 15px 12px 19px;margin-bottom:10px !important&quot; &gt;
          &lt;tbody&gt;
          &lt;tr&gt;
          &lt;td colspan=&quot;80%&quot;&gt;
              &lt;table role=&quot;presentation&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;text-align: center; table-layout: fixed; width: 100%; height: 180px;&quot;&gt;
              &lt;tbody&gt;   
              &lt;tr style=&quot;width: 100%;&quot;&gt;
                      &lt;td colspan=65% style=&quot;&quot;&gt;
                          &lt;div&gt;  &lt;? echo $k['name'] ?&gt;&lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=&quot;5%&quot; style=&quot;&quot;&gt;
                          &lt;div style=&quot;height: 20px; width: 2px;  background-color: black; margin: auto;&quot;&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=30% style=&quot;&quot;&gt;
                          &lt;div &gt; &lt;? echo $k['brand'] ?&gt; &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td colspan=33% style=&quot;&quot;&gt;
                      &lt;div&gt;
                          מחיר      ₪&lt;? echo (float)$k['price'] ?&gt; 
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=&quot;2%&quot; style=&quot;&quot;&gt;
                          &lt;div style=&quot;height: 20px; width: 2px;  background-color: #e6e6e6; margin: auto;&quot;&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=33% style=&quot;&quot;&gt;
                      &lt;? echo $k['sizeReceived'] ?&gt; מידה
                      &lt;/td&gt;
                      &lt;td colspan=&quot;2%&quot; style=&quot;&quot;&gt;
                          &lt;div style=&quot;height: 20px; width: 2px;  background-color: #e6e6e6; margin: auto;&quot;&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=32% style=&quot;&quot;&gt;
                      &lt;div class=&quot;swatch-option color&quot; option-type=&quot;1&quot; option-id=&quot;&amp;lt;?=$k['optionId'] ?&amp;gt;&quot; option-label=&quot;&amp;lt;?=$k['optionLabel'] ?&amp;gt;&quot;&gt;&lt;/div&gt;
                            צבע
                        &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
                
                  &lt;tr&gt;
                      &lt;td colspan=&quot;65%&quot; style=&quot;&quot;&gt;
                      &lt;div style=&quot;text-align:right&quot;&gt;
                          &lt;? echo $k['reason'] ?&gt;
                          &lt;/div&gt;
                      &lt;/td&gt;
                      &lt;td colspan=&quot;35%&quot;style=&quot;&quot;&gt;
                      &lt;div&gt;
                      :סיבת החזרה
                          &lt;/div&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
    &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/td&gt;
          &lt;td colspan=&quot;20%&quot; &gt;
              &lt;div style=&quot;display:block;width:104px; height:145px;text-align: center; font-size: 0; background:url('&lt;? echo $k['image'] ?&gt;') no-repeat center; background-size: cover; position: relative&quot;&gt;
              &lt;/div&gt;
              &lt;div style=&quot;
              position:absolute;
              z-index: 2;
              width: 104px;
              height: 24px;
              opacity: 0.8;
              background-color: #000;
              color: white;
              text-align: center;
              line-height: 24px;&quot;&gt;
              פריט החזרה
              &lt;/div&gt;
          &lt;/td&gt;
          
      &lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;/table&gt;
  </code></pre>