ページ区切りを整列する

Question

私はwill_paginateでページ分割を行い、Diggが使用するスタイルに基づいてページネーションリンクをスタイルするためにコードを使用しました。ここにはlink to the "guide"があります。ページングの中心を揃えようとしていますが、実際のリンクを中心にすることはできません。私は自分のdivでそれらをラップし、余白を行ってみました：自動;リンクはまだ左揃えのままです。おかげで、事前に、ここではレールとCSSのコードです：

Railsの

<div class="pagination"> 
    <div class="page_info"> 
     <%= page_entries_info @vars %> 
    </div> 
    <div class="pagination_links"> 
     <%= will_paginate @vars, param_name: 'index_paginate', :container => false %> 
    </div> 
</div> 

CSS

.pagination { 
    background: white; 
    cursor: default; 
    /* self-clearing method: */ } 
    .pagination a, .pagination span, .pagination em { 
    padding: 0.2em 0.5em; 
    display: block; 
    float: left; 
    margin-right: 1px; } 
    .pagination .disabled { 
    color: #999999; 
    border: 1px solid #dddddd; } 
    .pagination .current { 
    font-style: normal; 
    font-weight: bold; 
    background: #2e6ab1; 
    color: white; 
    border: 1px solid #2e6ab1; } 
    .pagination a { 
    text-decoration: none; 
    color: #105cb6; 
    border: 1px solid #9aafe5; } 
    .pagination a:hover, .pagination a:focus { 
    background: white; 
    color: #000044; 
    border-color: #000044; } 
.pagination .pagination_links { 
    margin: 0 auto; 
    width: 70%; 
    text-align: center; 
} 
    .pagination .page_info { 
    margin: 0 auto; 
    background: #2e6ab1; 
    color: white; 
    padding: 0.4em 0.6em; 
    width: 22em; 
    margin-bottom: 0.3em; } 
    .pagination .page_info b { 
    color: #000033; 
    background: #6aa6ed; 
    padding: 0.1em 0.25em; } 
    .pagination:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; } 
    * html .pagination { 
    height: 1%; } 
    *:first-child + html .pagination { 
    overflow: hidden; } 

UPDATE：私はCSSに新たなんだとdiv要素は、その内容に自分自身を自動サイズ調整思いました。私は答えとしてこれをした解決策を探していました。私が探しているものが分かった後、私はそれを見つけて答えを見つけました。