title: vertical align img and text within li
body: <p>I am trying to vertically align to the middle both an image and some text within a list element but having no luck.</p>
  
  <p>eg:</p>
  
  <pre><code>&lt;ul&gt;
   &lt;li&gt;&lt;img src="somepath" /&gt; sometext
    &lt;/li&gt;
  &lt;li&gt;&lt;img src="somepath2" /&gt; sometext2
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>how can i do it?
  thanks</p>