title: why is outlook removing the spaces between my images
body: <p>I have 4 small images lined up horizontally as shown below </p>
  
  <pre><code>        &lt;span style="font-size: 10.0pt; font-family: Verdana, Tahoma, Geneva, sans-serif; color: gray"&gt;
          &lt;a href="image link"&gt;&lt;img src="image source"&gt;&lt;/a&gt;
          &lt;a href="image link"&gt;&lt;img src="image source"&gt;&lt;/a&gt;
          &lt;a href="image link"&gt;&lt;img src="image source"&gt;&lt;/a&gt;
          &lt;a href="image link"&gt;&lt;img src="image source"&gt;&lt;/a&gt;&lt;br /&gt; &lt;/span&gt;
  </code></pre>
  
  <p>when i run the code, browsers diplay these for images with the right space between them, but if i run the code using outlook the test it, the images do not have the spacing between them. I understand this is an outlook problem but is there a way to solve these issue, i have tried adding padding style and margin stil to each image but that does not help. How can i get around this problem to add spaces between these images.</p>