title: Vertical Aligned Text and Image in list
body: <p>Is there a way of vertical aligning text and an image in a list?</p>
  
  <p>e.g. </p>
  
  <pre><code>&lt;li&gt;Some text here &lt;img src="image.jpg" alt="" /&gt;&lt;/li&gt;
  </code></pre>
  
  <p>The text doesn't align in the middle of the side of the image, it appears at the bottom then the image is next to it. I need the text to be in the center point between the image on the side.</p>
  
  <p>What's the best way of doing it? I know having a image inside a list isn't valid HTML (AFAIK).</p>
  
  <p>Thanks :)</p>