title: How can I move the position of an image that's inline with some text?
body: <p>I have the following:</p>
  
  <pre><code>&lt;li&gt;&lt;a class='disabled' &gt;&lt;img src='../../Content/Icons/home.png' /&gt;Home&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>My li height is 25px and my img is 16x16. What I would like to do is to make the image line up with the text and also have a small space between the image and text. I tried the following:</p>
  
  <pre><code>img { padding-top: 6px; margin-right: 4px; }
  </code></pre>
  
  <p>The image moves down but the text moves down as well. </p>
  
  <p>Is there a way I could just add padding or margin to the image without the text moving?</p>
  
  <p>Please note that I already use set (and change) the background color so I need to use the img tag. </p>