divコンテナ内でテーブルをセンタリングする際に助けが必要

Question

私は大学のプロジェクト用のゲームの点とボックスを作っていますが、画面上にゲームテーブルをどのように配置するのか分かりません。 This is how it looks like now.

表と形はcontainer-fluid divです。私は時間が、何のために検索した

form#difficulty { 
    float: left; 
    width: 30%; 
} 


table#tableid { 
    float: left;  
    margin: 0 auto; 
    border-collapse: separate; 
    border: 0px; 
} 

は、私は非常にイライラだとやって他に何かわからない、動作しているようですが、私が見つけたすべてのものを試してみましたが、何も働いていない...私はテーブルを維持するにはどうすればよいですサイズに関係なく常にウィンドウの中央に表示されますか？どんな助けもありがたいです

Answer 1

私はこれを、左側にサイドバーがあり、右側にメインバーがあり、そこには2つのカラムがあると解釈しています。

私が行ったことは、2つの列を持ち、大きな第2列の中央にテーブルを配置する方法を示しています。 column_wrapperについては

https://jsfiddle.net/1v0L7x5j/

.container { 
    width: 100%; 
} 

.col1 { 
    float: left; 
    width: 30%; 
    text-align: center; 
} 

.col2 { 
    float: left; 
    width: 70%; 
} 

table { 
    margin: 0 auto; 
} 

Answer 2

：

column_wrapper{ 
    margin: 0 auto; 
} 

列の場合：

.col1{ 
    float: left; 
    width: 30%; 
} 

.col2{ 
    margin-left: 30%; 
}