CSS文本对齐中心不起作用

我有以下html：

    <div class="pagination">
       <ul id="paginationnbEnreg">
          <li class="active">
             <a onclick="changePageMP3('1');" title="Page 1" href="#">1</a>
          </li>
       </ul>
       <span id="nbEnreg" class="label">55 found</span>
    </div>

使用以下css：

.pagination {
     margin: auto;
     text-align: center;
     outline: medium none;
     padding: 0;
     position: relative;
     color: #000000;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
     line-height: 18px;
 }

.label {
    color: #ffffff;
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}

我的列表将在页面左侧显示，而“ 55找到”将在页面中央显示。

我正在尝试将我的列表放在页面中间，但无法正常工作。