如何將段落與表格中的單元格中心對齊

Question

我希望第二行中的段落與表格中心對齊。 我怎樣才能做到這一點？

此鏈接中的完整HTML和CSS代碼

CSS：

table {
    width:100%;
}
table, td {
    border-collapse:collapse;
    border:1px solid black;
    padding:0px 5px 10px;
}
.separate {
    text-align:center;
}
.separate p{
    border:1px solid lightgray;
    width:50%;
}

表：

<table>
    <tr>
        <td>AAA</td>
        <td>BBB</td>
        <td>CCC</td>
    </tr>    
    <tr>
        <td colspan="3" class="separate" >
            <p>paragrap</p>
        </td>
    </tr>
</table>

Answer 1

賦予p左右邊距自動邊距。

.separate p{
    border:1px solid lightgray;
    margin:0 auto;
    width:50%;
}