ul태그 센터정렬 어떻게 하나요? 채택완료

<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 
?>
<style>
  .main_title{
    font-weight: bold;
  }
  .pb_how,.pb_list{
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: inline-block;
  }
  .pb_list{ list-style:none; }
  .pb_list > li{ width:145px; height:40px; border:1px solid #000;
    box-sizing:border-box; float: left; line-height:40px;}
</style>

<div style="text-align:center;">
  <h2 class="main_title">
    주택가는 지금 공사중!
  </h1>
  
  <p>
    <div>
      《 주택 신청방법 》
    </div>
    <ul class="pb_how">
      <li>작성중</li>
  </ul>
  </p><br/>
  <p>
    <div>
      《 주택 놀러가기 》
    </div>
      <ul class="pb_list">
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
        <li>비었음</li>
      </ul>
  </p>
</div>