title: Shift img few pixels up or down
body: <p>This seems trivial, but I cannot find anything.
  I have a text and small image (icon) inside the text like this:</p>
  
  <pre><code>&lt;span&gt;ask&lt;img src=ask.svg height=16&gt; fav&lt;img src=fav.svg&gt; voted&lt;/span&gt;
  </code></pre>
  
  <p>All I need is to move the image few pixels up or down to look better with the text.</p>
  
  <p>I tried CSS styles like <code>margin-top:3px</code>, <code>padding-top:3px</code>, <code>display:absolute</code>, <code>display:relative</code> and some others, but nothing works.</p>
  
  <p><strong>UPDATE</strong>: I do not need vertical align to middle. Yes, it looks better, but I still want to be able to shift the image a few pixels manually. So my question remains: how to fine tune the image vertical position within the text by a few pixels in any direction.</p>
  
  <p><img src="https://i.stack.imgur.com/Kxr3r.png" alt="enter image description here"></p>