CSS вертикального выравнивания текста внутри li

Я показываю количество ящиков в строке с фиксированной высотой и шириной, сгенерированных из тегов

  • . теперь мне нужно выровнять текст по вертикали по центру. CSS vertical-align не оказывает никакого влияния, возможно, я что-то упускаю ???

    Я не ищу уловок, использующих (margin, padding, line-height), они не будут работать, потому что некоторые тексты длинные и будут разбиты на две строчки.

    Найдите фактический код:

    Код CSS

    ul.catBlock{
      width:960px; 
      height: 270px; 
      border:1px solid #ccc; 
    }
    
    ul.catBlock li{
      list-style: none; 
      float:left; 
      display:block; 
      text-align: center; 
      width:160px; 
      height: 100px;
    }
    
    ul.catBlock li a{ 
      display: block;  
      padding: 30px 10px 5px 10px; 
      height:60px;
    }
    

    Код HTML

    <ul class="catBlock">
     <li><a href="#">IP Phone</a></li>
     <li><a href="#">Dual SIM Switch Server</a></li>
     <li><a href="#">IP PBX</a></li>
    </ul>
    
  • 89
    задан Deke 2 August 2016 в 02:15
    поделиться