div等高cs版本

  <style>
.ss_text{ width:100%; height:auto; float:left;}
.ss_text ul{ }
.ss_text li{height:auto; text-align:center; text-align:left; color:#fff; display: table-cell; vertical-align:top;}
.ss_text li:nth-child(1) {width:33%; background:#e1b783;}
.ss_text li:nth-child(2) {width:0.5%;}
.ss_text li:nth-child(3) {width:33%; background:#9dcb7e;}
.ss_text li:nth-child(4) {width:0.5%;}
.ss_text li:nth-child(5) {width:33%; background:#9db0d5;}
.ss_text li span{ width:96%; height:auto; float:left; margin-left:2%; display:inline; font-size:22px; font-weight:bold; margin-top:15px; display:inline;}
.ss_text li p{ width:96%; height:auto; float:left; margin-left:2%; margin-bottom:15px; margin-top:10px; display:inline; font-size:16px; line-height:24px;text-indent: 32;  color:#fff;}
.ss_text li:hover{ background:#028ae0;}	
  </style>
<div style="width:50%; height:auto; margin:0 auto;">

  <div class="ss_text">
    <ul>
      <li><span>全程预约</span>
       <p>完善的预约制度，免去了不必要的等待，就诊过程有导医全程陪同，随时解决您的疑问。</p>
      </li>
        <li></li>
      
      <li><span>私人牙管家</span>
        <p>口腔为每一位患者都建立了完整的档案，并定制个性化医疗方案和保健计划。</p>
      </li>
       <li></li>
      <li><span>私密空间</span>
        <p>一人一室的标准化诊室，给顾客带来更加安静私密的就诊空间。</p>
      </li>
    </ul>
  </div>  
    </div>