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

我希望第二行的段落和表格的中心对齐。我该怎么做

CSS:

表:

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

AAA
BBB
CCC
滑翔伞

给出p的左右边距自动边距

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

---

给p左边距和右边距自动边距

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

---

太好了，安布利茨！非常感谢你！太好了，安布利茨！非常感谢你！