如何對齊表格中的單元格中心

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

給該p左右邊距汽車的利潤率。

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