CSS margin 水平居中示例

<html>
  <head>
    <meta charset="utf-8">
    <title>CSS margin 水平居中示例</title>
    <style>
    .container {
      width: 750px;
      height: 400px;
      border: 1px solid #ccc;
      background-color: #f8f8f8;
      margin: 0 auto; /* 2个值：上下0，左右auto（水平居中） */
    }
    </style>
  </head>
  <body>
    <div class="container">水平居中布局</div>
  </body>
</html>