title: display:inline-block not working outlook/gmail
body: <p>I'm developing email templates and I need to use <code>display:inline-block</code> but it's not working on gmail and outlook.
  I just need to align an image with a text and I can't use a table .</p>
  
  <p>Any suggestions to make the <code>display:inline-block</code> work or any other solution that works on outlook and gmail?</p>
  
  <p>this my code:</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;div&gt;
  
  
    &lt;span style="display:inline-block;"&gt;this is not&lt;br/&gt; working:&lt;/span&gt;
    &lt;a href="" target="_blank"&gt;&lt;img style="vertical-align:middle;" alt="" border="0" src="img.jpg"&gt;&lt;/a&gt;
  
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>thanks </p>