Html 如何水平居中<；部门>；块元素？

我正在尝试水平居中块元素。我怎样才能做到这一点

  <div class="content2">
   <div class="middle-content">
    <ul>


     <li>
      <div class="container">
       <div class="container-head">
        <div class="empty"></div>
       </div>
       <div class="content">
        <!--Place holder for member count-->
        <?php displayMemberCount(); ?>
        <!--End of Place holder for member count-->
        <div class="people-online">
         <p><strong>Paltalk</strong> makes it easy to connect with people that share your interests. <a href="http://www.paltalk.com/people/webapp/index.wmt">Browse all profiles</a></p>
         <?php members(); ?>
        </div>
        <!-- end people-online -->
       </div>
       <!-- end content -->
      </div>
      <!-- end container -->
     </li>

     <li class="last">
      <div class="container">
       <div class="container-head">
        <div class="empty"></div>
       </div>
       <div class="content">
        <!--Place holder for member count-->
        <?php displayRoomCount(); ?>
        <!--End of Place holder for member count-->
        <div class="groups-online">              
         <?php rooms(); ?>
        </div>
        <!-- end groups-online -->
       </div>
       <!-- end content -->
      </div>
      <!-- end container -->
     </li>
    </ul>
   </div>
   <!-- end middle-content -->
  </div>
  <!-- end content2 -->
 </div>
 <!-- end content -->

Paltalk可以轻松地与与您感兴趣的人建立联系

一些内容

一些内容

给他们一个宽度，并使用

边距：0px自动在css中
给它们一个宽度并使用
边距：0px auto永远不要在HTML中添加样式。CSS应该是它自己的交易。否决票，真的吗？这是一个问题的答案，而不是CSS的最佳实践指南。然而，我99%的时候都同意，但并非总是如此。如果您不想发出额外的HTTP请求，该怎么办？Dexter（大部分）是对的，但这个答案不可能保证投反对票+1我怀疑有人投了反对票，因为它需要一个宽度来居中。为了简洁起见，使用style属性，希望它能更快地理解所涉及的技术？多好的概念啊+1切勿在HTML中添加样式。CSS应该是它自己的交易。否决票，真的吗？这是一个问题的答案，而不是CSS的最佳实践指南。然而，我99%的时候都同意，但并非总是如此。如果您不想发出额外的HTTP请求，该怎么办？Dexter（大部分）是对的，但这个答案不可能保证投反对票+1我怀疑有人投了反对票，因为它需要一个宽度来居中。为了简洁起见，使用style属性，希望它能更快地理解所涉及的技术？多好的概念啊+10px==0在CSS FYI中。0px==0在CSS FYI中。
<div style="margin: 0 auto;">Some content</div>

div {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
}