如何以HTML5为中心？

Question

所以我在这里有此代码，这是我将在我的网站上提供的计划，但是我已经注释掉其中一个计划，现在我希望只显示3个计划，因此如您所见，我将如何集中所有3个计划在图片旁边，还有更多？

              <!-- Row fuid-->
              <div class="row">
                  <!-- Item table -->
                  <div class="col-sm-6 col-md-4 col-lg-3">
                      <div class="item_table">
                          <div class="head_table">
                              <h1>FREE</h1>
                              <h2>£ 0.00  <span>/ Mo</span></h2>
                          </div>
                          <ul>  
                              <li class="color">2 GB HDD</li>
                              <li>25GB Bandwidth</li>
                              <li class="color">1 E-mail Account</li>
                              <li>1 Sub Domains</li>
                              <li class="color">cPanel/Site Creator</li>
                              <li>1 FTP Account</li>
                              <li class="color">1 Cron Job</li>
                              <li>1 Addon Domain</li>
                              <li class="color">1 Parked Domain</li>
                          </ul> 
                          <a href="signup.html" class="button">Order Now</a>
                      </div>
                  </div>
                  <!-- End Item table -->

                  <!-- Item table -->
                  <div class="col-sm-6 col-md-4 col-lg-3">
                      <div class="item_table">
                          <div class="head_table">
                              <h1>PREMIUM</h1>
                              <h2>£ 0.99  <span>/ Mo</span></h2>
                          </div>
                          <ul>  
                              <li class="color">30 GB HDD</li>
                              <li>1000GB Bandwidth</li>
                              <li class="color">1024MB RAM</li>
                              <li>2 Dedicated IP Addresses</li>
                              <li class="color">cPanel/WHM Included</li>
                              <li>Open VZ Included</li>
                          </ul> 
                          <a href="signup.html" class="button">Order Now</a>
                      </div>
                  </div>
                  <!-- End Item table -->

                  <!-- Item table -->
                  <!--<div class="col-sm-6 col-md-4 col-lg-3">
                      <div class="item_table">
                          <div class="head_table">
                              <h1>V.I.P</h1>
                              <h2>£ 2.00  <span>/ Mo</span></h2>
                              <!--<h5>Or  $ 150.5 Yearly!</h5>
                          </div>
                          <ul>  
                              <li class="color">30 GB HDD</li>
                              <li>1000GB Bandwidth</li>
                              <li class="color">1024MB RAM</li>
                              <li>2 Dedicated IP Addresses</li>
                              <li class="color">cPanel/WHM Included</li>
                              <li>Open VZ Included</li>
                          </ul> 
                          <a href="www.clearhostsolutions.com/signup.html" class="button">Order Now</a>
                      </div>
                  </div>-->
                  <!-- End Item table -->

Answer 1

将它们全部包装在一个 div 中，并将 style 属性设置为margin: 0px auto; width: 1000px;其中 1000px 是所包含元素的宽度。IE。考虑到我不知道元素的宽度，需要更改。