段落を表のセルの中心に揃える方法

Question

2行目の段落を表の中央に揃えたい。どうやってやるの？

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