CSS：如何对齐表格数据

Question

如何将BDS与教育结合？不使用空白：nowrap。

<div class="doc-schedule clearfix"> 
    <p> 
    <table style="border: 0px;border-style: none"> 
     <tr> 
     <td><strong>Speciality</strong></td> 
     <td class="tdPadding"><span>{{ page.dentist_specialty }}</span></td> 
     </tr> 
     <tr> 
     <td><strong>Education</strong></td> 
     <td class="tdPadding"><span>{{ page.dentist_education }}</span></td> 
     </tr> 
     <tr> 
     <td><strong>Work Days</strong></td> 
     <td class="tdPadding"><span>{{ page.dentist_workdays }}</span></td> 
     </tr> 
    </table> 
    </p> 
</div> 
........ 

Answer 1

tr默认垂直对齐中间

添加此

tr { 
    vertical-align:top 
} 

DEMO