Center single- AND multi-line li text vertically

Question

I have an unordered list with a background-image set. All list-items have the same height, the background-image is positioned left center.

The text of each item should b

Answer 1

this is a most crossbrowser solution

    li {
    	width           : 200px;
        line-height     : 100px;
        height          : 100px;
    	border          : 1px blue solid;        
    }
    li span {
    	display				: -moz-inline-box;  /* FF2 or lower */
    	display				: inline-block;     /* FF3, Opera, Safari */
        line-height         : normal;
        vertical-align      : middle;    
    }
    
    li span		{ *display	: inline;} /* haslayout for IE6/7 */

       
My text
       
My longer text
       
My text, but this time is really wide
       
My text, some thoughts about how much it will expand in this item.
    

I used star hack for brevity, you should avoid. Just use html5boilerplate solution, it uses conditional comments on body tag