DataTablesを集中化する方法CSSを使用したページ区切りバー？

Question

私はDataTablesを使用しています。現在、ページ区切りバーは右側にあります。 CSSを使ってテーブル/ページの中心に持っていきたいです。このクラスはtopと呼ばれます。それは左/右に浮かんでいますが、私がポジションに絶対を使用すると、バーがテーブルの上に現れます。それは、すべてのHTML

をサポートしていますので、CSS

// Bar moves left/right 
.top { 
// position: absolute; 
float: left; 
} 

Answer 1

をしよう

$(document).ready(function() { 
     $('#table_id').DataTable({"pageLength":5, "sDom": '<"top"flp>rt<"bottom"i><"clear">'}); 
    }); 

jQueryの

私は、ドキュメントからSDOMを使用してトップにバーを取ることができたが、私はより多くのCSSを使用したいです使用：

.top { 
    margin: 0 auto; 
} 

または

.top { 
    display: block; 
    margin: 0 auto; 
} 

Answer 2

これが私のやり方です。私はちょうど余裕を追加しました：ドミトリーの答えに40％。

.top { 
    display: block; 
    margin: 0 auto; 
    margin-right: 40%; 
}