table-cell垂直居中

        <li>
            <div className='text-content'>
              <h3>0.038<span>%</span></h3>
              <p>超低利率</p>
            </div>
          </li>

 li {  display: inline-block;   
            margin-left: 50px;  
            & div {
                display: table-cell;  
                height: 196px;  
                width: 196px;  
                border: 2px solid #fff;
                border-radius: 98px;
                text-align: center;
                background: rgba(255, 255, 255, 0.4);
                vertical-align: middle;
                font-size: 16px;
                color: #333;
                h3 {
                    color: #34C9FF;
                    font-size: 56px;
                    span {
                        font-size: 14px;
                    }
                }
            }
        }