title: How do I float my box in the center?
body: <p>Ok, so I tried using the css element, float: center;. But, it won't work. Is there any other way to float my box in the center of my webpage. I'm talking horizontally center by the way.</p>
  
  <p>Here is my stylesheet code:</p>
  
  <pre><code>.menubox{
      width: 45%;
      height: 13%;
      background-color: white;
      border: solid 1px white;
      box-shadow: 0px 3px 5px 1px silver;
      opacity: 0.85;
      position: fixed;
      float: center;
  }
  </code></pre>
  
  <p>And here is my html code:</p>
  
  <pre><code>&lt;div class="menubox"&gt;
  
      &lt;table align="center" class="menu"&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a class="menu" href="index.html"&gt;Home&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a class="menu" href="about.html"&gt;About&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a class="menu" href="buy.html"&gt;Buy&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a class="menu" href="contact.html"&gt;Contact&lt;/a&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is what it looks like on my webpage:</p>
  
  <p><a href="http://i.stack.imgur.com/YHElm.png" rel="nofollow">My box</a></p>