title: Center single- AND multi-line li text vertically
body: <p>I have an unordered list with a background-image set. All list-items have the same height, the background-image is positioned left center.</p>
  
  <p>The text of each item should be <strong>centered vertically</strong> to the li. This works well with single-line text (by setting the line-height according to the height of the li), but not with <strong>two lines of text</strong>.</p>
  
  <p>I could add "line-height:normal" to the two-line item, but I want a solution that works for all items.</p>
  
  <p>How can I do this?</p>
  
  <p>Example: </p>
  
  <pre><code>li { 
      list-style-type:none; 
      padding-left:40px; 
      height:36px;
      line-height:36px; 
      background:url('tick.png') no-repeat 0 50%; 
  }
  </code></pre>