title: Margin top issues
body: <pre><code>&lt;img src="/test.png" style="margin-top:20px;margin-left:20px" title="Hello" border="1" height="100" width="110" /&gt;
  &lt;span style="text-shadow: 1px 1px 17px #347235;margin-left:20px;margin-top:-20px"&gt;Test span&lt;/span&gt;
  </code></pre>
  
  <p>What happens is that the image is displayed but the "Test span" message is printed on the right side of the image according to the margin-left:20px but the the margin-top doesn't do anything as the label shows towards the bottom of the image. I want it to show on the top like  the image comes up but the label is showing at the bottom.</p>
  
  <p>You can see it right here: <a href="http://jsfiddle.net/AMWjH/" rel="nofollow">http://jsfiddle.net/AMWjH/</a></p>
  
  <p>Please help</p>