title: Centering buttons using CSS
body: <p>I am trying to center these buttons, but most stuff online does not work. <code>&lt;center&gt;</code> does not work and <code>text-align:center</code> does not work.</p>
  
  <p>The buttons should show up in the exact same way, except centered in the middle. If you try this, it will not work. there must be a problem, I guess.</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;website&lt;/title&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(function() {
  });
  &lt;/script&gt;
  &lt;style type="text/css"&gt;
  .button0 {
  position:fixed;
  left:88px;
  top:58px;
  font-family:MS Shell Dlg 2;
  font-size:8px;
  font-weight:NORMAL;
  }
  .button1 {
  position:fixed;
  left:6px;
  top:191px;
  font-family:MS Shell Dlg 2;
  font-size:8px;
  font-weight:NORMAL;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  }
  .button2 {
  position:fixed;
  left:358px;
  top:216px;
  font-family:MS Shell Dlg 2;
  font-size:8px;
  font-weight:NORMAL;
  }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;center&gt;
  &lt;div class="button0"&gt;&lt;input type="button" style="width: 268px;height: 145px;" value="Button"/&gt;&lt;/div&gt;
  &lt;div class="button1"&gt;&lt;input type="button" style="width: 40px;height: 88px;" value="Button"/&gt;&lt;/div&gt;
  &lt;div class="button2"&gt;&lt;input type="button" style="width: 76px;height: 73px;" value="Button"/&gt;&lt;/div&gt;
  &lt;/center&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>