title: How to put table in the center of the page using CSS?
body: <p>I am using the following code. How to put this table in the center of the page using CSS?</p>
  <pre class="lang-html prettyprint-override"><code>&lt;html&gt;
      &lt;head&gt;
          &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;styles.css&quot; /&gt;
          &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;
          &lt;title&gt;The Main Page&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;button class=&quot;lightSquare&quot;&gt;&lt;/button&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;button class=&quot;darkSquare&quot;&gt;&lt;/button&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;button class=&quot;lightSquare&quot;&gt;&lt;/button&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;button class=&quot;darkSquare&quot;&gt;&lt;/button&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;button class=&quot;lightSquare&quot;&gt;&lt;/button&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;button class=&quot;darkSquare&quot;&gt;&lt;/button&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;button class=&quot;lightSquare&quot;&gt;&lt;/button&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;button class=&quot;darkSquare&quot;&gt;&lt;/button&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>