title: Vertically center <li> text with bullet image?
body: <p>So I am trying to figure out how I can vertically align some text that I have with a custom bullet image. Here is what I have:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;LINE OF TEXT&lt;/li&gt;
      &lt;li&gt;LINE OF TEXT&lt;/li&gt;
      &lt;li&gt;LINE OF TEXT&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And for the CSS...</p>
  
  <pre class="lang-css prettyprint-override"><code>#div .class
  {
      color: #4c361c;
      font-size: 13px;
      list-style-image: url(../images/image.png);
  }
  
  #div .class li{ }
  </code></pre>
  
  <p>Does anyone have anyideas on how to go about doing this?</p>