css 高度宽度都为百分比，不固定值，如何图片文字都垂直居中？

    
    
    
        .bottomBtn{width: 960px;height: 500px;margin: 50px auto;padding: 20px;border: 1px solid #ddd;overflow: hidden;}
        .bottomBtn ul{height: 150px;list-style: none;border: 1px solid #ddd;padding: 10px;}


        /*重点在这里*/
        .bottomBtn ul li{width: 200px;height: 36%;vertical-align: middle;margin-bottom: 10px;border: 1px solid #333;text-align: center;}
        .bottomBtn ul li .imgWrap .placeholder{height: 100%;display: inline-block;vertical-align: middle;}
        .bottomBtn ul li .imgWrap img{width:40px;height: auto;vertical-align:middle;}
    



    
        
            这是里显示的文本
            
                
                
                
                
            
        
        
            这是里显示的文本