표의 셀 중심에 단락을 정렬하는 방법

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