レスポンシブ サイトを作成しようとしています (ブラウザー ウィンドウのサイズを変更して変更を確認します) が、これらの市松模様の div を中央に配置できません。
http://arunmahendrakar.com/ktw/play.html
div は動的に作成され、4 つの「コンテナ」div (#topLeft、#topRight、#bottomLeft、および #bottomRight) のいずれかに追加されます。
margin-left:auto; を使用してみました。および margin-right:auto をさまざまな要素で使用しましたが、それは役に立ちませんでした。
#topLeft、#topRight、#bottomLeft、#bottomRight div を水平方向に中央揃えするのを手伝ってください。私は純粋な CSS ソリューションを好みますが、それができない場合は、js の微調整でも問題ありません。