div（子div付き）をページの中央に水平に配置するにはどうすればよいですか？

Question

私はdivを水平にページの中央に配置したいと思います（divにはラジアル・ダイヤルのように4つのゲージがあり、隣り合わせにする必要があります。私の現在のCSS（下）は、隣り合ったゲージを表示するので、floatプロパティはうまくいくようですが、親div（allgauges）に設定したマージンプロパティは有効ではないようです。私がページの中心に揃えようとすると、「allgauges」の中にいくつかのdivがあるということは違いがありますか？どんな助けもありがとうございます。

<!-- Embedded style sheet to change the margin spacing between the gauges --> 
 
    <style> 
 
     
 
     
 
    #one, #two, #three, #four 
 
    { 
 
\t float: left; 
 
\t } 
 
\t 
 
    #allgauges 
 
    { 
 
\t \t margin: 0 auto; 
 
\t } 
 
     
 
    </style>

Answer 1

この質問は、複数回に答えてきました。ここでは解決策は以下のとおりです。

.one,.two, .three,.four 
 
{ 
 
    display:inline-block; 
 
    vertical-align:middle; 
 
    width:25%; 
 
    text-align:center; /* This is not necessary.*/ 
 
    font-size:13px; 
 
} 
 
\t 
 
.allgauges 
 
{ 
 
    font-size:0; 
 
}

<div class="allgauges"> 
 
    <div class="one">1</div> 
 
    <div class="two">2</div> 
 
    <div class="three">3</div> 
 
    <div class="four">4</div> 
 
</div>