多行文字水平垂直居中

例如：让两行p标签的文字在li里垂直居中：
在li里设置display:table 在.vertical里写display: table-cell;vertical-align: middle;display: table;

    <li v-for="(item, index) in result" :key="index">
       <div class="vertical">
           <p>{{item.chineseName}}</p>
           <p>{{item.eglishName}}</p>
       </div>
   </li>



      li{
             2.30rem;
            height: .93rem;
            text-align: center;
            display: table;
         
            .vertical{
              display: table-cell;
              vertical-align: middle;
              text-align: center;
              p{
                font-size: 14px;
                line-height: .30rem;
                color: #666;
              }
            }
          }