title: Space between spaces doesn't work on iOS
body: <p>I am making signature for outlook. In browser it looks good also in outlook, gmail and couple other local mails. </p>
  
  <p>on Android it works also good but when I am sending email on my iPhone this blue line ( at the left ) is stripped because spaces doesn't work. It also occurs on one email.</p>
  
  <p>I've created example to show that everything looks good here.</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-html lang-html prettyprint-override"><code>&lt;body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" display:block; width:100%;&gt;
      &lt;table style="
      border-spacing: 0;
      border: none;
      border-collapse: collapse;
      padding: 0;
      margin: 0;
      display: block;"&gt;
          &lt;tr&gt;
              &lt;th rowspan="5" style="padding: 0px 0px 0px 15px; border-left:solid 10px #3580C2;"&gt;&lt;/th&gt;
              &lt;th&gt;
                  &lt;div style="text-align:left; font-family:'Calibri light', sans-serif;"&gt;
                      &lt;span style="font-size: 14px; display: inline; white-space: nowrap; color: #000; text-align:left;"&gt;Test&lt;/span&gt;&lt;br&gt;&lt;br&gt;
                      &lt;span style="font-size: 19px; display: inline; white-space: nowrap; color: #3580C2; text-align:left;"&gt;Name&lt;/span&gt;&lt;br&gt;
                      &lt;span style="font-size: 14px; display: inline; white-space: nowrap; color: #000; text-align:left;"&gt;Test Test&lt;/span&gt;
                  &lt;/div&gt;
              &lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;img src="test/image001.png" width="139" height="209" alt="zdjecie" style="vertical-align: middle;"&gt;
              &lt;/td&gt;
              &lt;td style="vertical-align:middle; line-height: 1.5em;"&gt;
                  &lt;div style="font-family:'Calibri', sans-serif; margin-left: 15px;"&gt;
                      &lt;img alt="phone" src="test/image006.png" height="18" width="19" style="display: inline;" &gt;&lt;/img&gt;
                      &lt;span style="font-size: 15; display: inline; white-space: nowrap;"&gt;&amp;nbsp 000 000 000&lt;/span&gt;
                      &lt;br&gt;
                      &lt;img alt="fax" src="test/image008.png" height="18" width="19" style="display: inline;"&gt;
                      &lt;/img&gt;
                      &lt;span style="font-size: 15; display: inline; white-space: nowrap;"&gt;&amp;nbsp 000 000 000&lt;/span&gt;
                      &lt;br&gt;
                      &lt;img alt="cell" src="test/image010.png" height="18" width="19" style="display: inline;"&gt;
                      &lt;/img&gt;
                      &lt;span style="font-size: 15; display: inline; white-space: nowrap;"&gt;&amp;nbsp 000 000 000&lt;/span&gt;
                      &lt;br&gt;
                      &lt;img alt="mail" src="test/image012.png" height="18" width="19" style="display: inline; "&gt;&lt;/img&gt;
                      &lt;span style="font-size: 15; display: inline"&gt;&amp;nbsp name@web.com&lt;/span&gt;
                      &lt;br&gt;&lt;br&gt;
                      &lt;span style="display: inline; font-size: 16"&gt;&lt;b&gt;Company&lt;/b&gt;&lt;/span&gt;
                      &lt;br&gt;
                      &lt;span style="display: inline; font-size: 15"&gt;Address&lt;/span&gt;
                      &lt;br&gt;
                      &lt;span style="display: inline; font-size: 15"&gt;NIP: 00000000&lt;/span&gt;
                      &lt;br&gt;
                      &lt;a style="color:black; text-decoration:none; display: block;" href="http://www.web.com"&gt;
                          &lt;span style="display: inline; font-size: 16;"&gt;&lt;b&gt;www.web.com&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;
                      &lt;br&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;table style="
      border-spacing: 0;
      border: none;
      border-collapse: collapse;
      padding: 0;
      margin: 0;
      display: block;"&gt;
    &lt;tr&gt;
      &lt;th rowspan="3" style="white-space: nowrap; padding: 0px 0px 0 15px; border-left:solid 10px #3580C2; margin-bottom: 0;
        padding-bottom: 0; text-align:left; line-height: 18px;"&gt;&lt;/th&gt;
  
      &lt;td rowspan="2"&gt;
      &lt;br&gt;
  &lt;img src="test/image014.png" style="width: 274px; height: 35px;"&gt;&lt;/img&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;table style="
      border: none;
      border-collapse: collapse;
      padding: -10px 0px 0px 0px; 
      margin: 0;
      display: block;"&gt;
    &lt;tr&gt;
      &lt;th rowspan="3" style="white-space: nowrap; padding: 0px 0px 0 15px; border-left:solid 10px #3580C2; margin-bottom: 0;
        padding-bottom: 0; text-align:left; line-height: 18px;"&gt;&lt;/th&gt;
        &lt;th colspan="3"&gt;&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
       &lt;td style="width: 760px;"&gt;
       &lt;div style="font-family:'Calibri', sans-serif; font-size:10px; color:#aaa; margin-left: 15px;"&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit justo eros. Vivamus dictum tempus venenatis. Donec at tincidunt quam.&lt;/p&gt;
  
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit justo eros. Vivamus dictum tempus venenatis. Donec at tincidunt quam. Phasellus sodales elementum nisl ornare ultricies. Sed leo ex, congue sed gravida eu, accumsan vel dui. Vivamus dolor mi, pharetra non augue ut, eleifend porta ipsum. Ut laoreet pellentesque sem ac imperdiet. Nulla nec enim metus. Nam interdum, nisl at pharetra venenatis, dolor odio efficitur neque, eget tincidunt purus erat sed velit. Curabitur dictum, augue vel auctor bibendum, quam nisl malesuada leo, eu gravida est turpis at justo. Nullam quis urna a eros accumsan tristique dictum eget massa. Vivamus fermentum ante metus, maximus eleifend dui ultricies ut. Suspendisse potenti. Quisque ut vehicula augue. Ut interdum efficitur eros, porta mollis odio semper quis..&lt;/p&gt;
  
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam suscipit justo eros. Vivamus dictum tempus venenatis. Donec at tincidunt quam. Phasellus sodales elementum nisl ornare ultricies. Sed leo ex, congue sed gravida eu, accumsan vel dui. Vivamus dolor mi, pharetra non augue ut, eleifend porta ipsum. Ut laoreet pellentesque sem ac imperdiet. Nulla nec enim metus. Nam interdum, nisl at pharetra venenatis, dolor odio efficitur neque, eget tincidunt purus erat sed velit. Curabitur dictum, augue vel auctor bibendum, quam nisl malesuada leo, eu gravida est turpis at justo. Nullam quis urna a eros accumsan tristique dictum eget massa. Vivamus fermentum ante metus, maximus eleifend dui ultricies ut. Suspendisse potenti. Quisque ut vehicula augue. Ut interdum efficitur eros, porta mollis odio semper quis.&lt;/p&gt;
  &lt;/div&gt;
  &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>And this is what happend with blue line. It looks like three tables with big space between.
  <a href="https://i.stack.imgur.com/YVFAi.png" rel="nofollow noreferrer">Stripped line</a></p>