图片垂直居中 和 float

//图片垂直居中, display:table-cell; vertical-align:middle;   不能和 css (float)元素共存,可以在元素外面多加一个层

css
.th-left li{ float:left;   margin: 20px 20px 0 0; }
.th-left li a{width:120px; height: 60px; border-radius: 10px; border:1px solid #d6d6d6;text-align: center; display: table-
cell;vertical-align: middle; } 

html:
<div class="th-left">
     <ul>
         <li><a href=""><img src="img/logo2.jpg"></a></li>
         <li><a href=""><img src="img/logo5.jpg"></a></li>
         <li><a href=""><img src="img/logo12.jpg"></a></li>
     </ul>
</div>