垂直对齐（HTML）

Question

有人可以帮我垂直对齐表格的前两列。 请参见下面的代码：

 
<table border="1" style="width: 625px;">
<tbody>
    <tr>
        <td colspan="3" rowspan="1"><b>Property 1</b></td>
    </tr>
    <tr>
        <td colspan="1" rowspan="1">Yellow</td>
        <td colspan="1" rowspan="1">Ad</td>
        <td colspan="1" rowspan="1">abcdefgfffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
        <ul>
            <li>12345</li>
            <li>4556</li>
            <li>793</li>
        </ul>
        </td>
    </tr>
</tbody>

当前看起来像这样：

在此处输入图片说明

Answer 1

为了确保表格垂直对齐，请在表格中添加一个类，然后将此CSS添加到头部

.verticalTable tr td {
  vertical-align:middle;
}

这是一个链接

Answer 2

尝试添加此CSS：

table tr td:nth-child(1),td:nth-child(2){
    text-align: center;
}