title: Button should be on top in center and table next to the button means down in center
body: <p>Button should be on top in center and table next to the button means down in center. I have done button but problem is in table..................  ![enter image description here][1]
      [1]: <a href="http://i.stack.imgur.com/3bxei.jpg" rel="nofollow">http://i.stack.imgur.com/3bxei.jpg</a></p>
  
  <pre><code>    &lt;html&gt;
      &lt;body&gt;
      &lt;head&gt;
      &lt;style&gt;
  
      #buttons{
          float:right;
          position:relative;
          left:-50%;
          text-align:left;
  
      }
      #buttons ul{
          list-style:none;
          position:relative;
          left:50%;
          width: 100%;
      }
  
      #buttons li{float:left;position:relative; font-size: 23px;}/* ie needs position:relative here*/
  
      #buttons a{
          text-decoration:none;
          margin:10px;
          background:red;
          float:left;
          border:2px outset Red;
          color:#fff;
          padding:2px 5px;
          text-align:center;
          white-space:nowrap;
      }
      #buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;}
  
  
  
  
      &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div id="buttons"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt; Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Add Product &lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Add Product Image&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;form&gt;
  
      &lt;table&gt;
        &lt;tr&gt;
          &lt;td&gt;Jill&lt;/td&gt;
          &lt;td&gt;Smith&lt;/td&gt;      
          &lt;td&gt;50&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;Eve&lt;/td&gt;
          &lt;td&gt;Jackson&lt;/td&gt;        
          &lt;td&gt;94&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;John&lt;/td&gt;
          &lt;td&gt;Doe&lt;/td&gt;        
          &lt;td&gt;80&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
      &lt;/form&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>