Как выровнять абзац по центру ячейки в таблице

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%;
}