如何将段落与表格中的单元格对齐

Question

我希望第二行中的段落与表格的中心对齐。我怎么能这样做？

Full HTML & CSS code in this link

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

给出左右边距自动边距。

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