List vertical align

list.css

/*This works because two inline-block elements will vertically align with each other. 
The :before rule creates an inline-block element that is the same height as its parent, 
which the variable height <span> can vertically align with.*/

ul li span {
    display: inline-block;  
    vertical-align: middle;     
}

ul li:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;       
}