title: How to fix 2 DIVs side by side
body: <p>I have 2 DIVs like below how can i place it on the page side by side and centered.
  Not getting any luck with the below.
  Thanks in Advance</p>
  
  <p>Right now my CSS is :</p>
  
  <pre><code>#content
    {
    height: 100%;
    position:fixed;
    width:1400px;
    /*width: 1200px;  position: absolute;  top:auto;  bottom:0px;  right:0px;  left:auto; */
  
  }
  
  
  #left{
      float:left;
      width:700px;   
      position:absolute;
      top:auto;  bottom:720px;  right:700px;  left:auto; 
  
  }
  
  #right{
      width: 700px;
      float:right;
      position:absolute;
     top:auto;  bottom:750px;  right:-90px;  left:600; 
  }
  
  
  &lt;div id="content"&gt;
              &lt;div id="left"&gt;
                  &lt;asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSourceScanned"&gt;
                      &lt;AlternatingRowStyle CssClass="altrowstyle" /&gt;
                      &lt;HeaderStyle CssClass="headerstyle" /&gt;
                      &lt;RowStyle CssClass="rowstyle" /&gt;
                      &lt;SelectedRowStyle BackColor="#004080" Font-Bold="True" ForeColor="Yellow" /&gt;
                      &lt;Columns&gt;
  
                      &lt;/Columns&gt;
                  &lt;/asp:GridView&gt;
  
              &lt;/div&gt;
  
  
  
              &lt;div id="right"&gt;
                  &lt;asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSourceMade"&gt;
                      &lt;AlternatingRowStyle CssClass="altrowstyle" /&gt;
                      &lt;HeaderStyle CssClass="headerstyle" /&gt;
                      &lt;RowStyle CssClass="rowstyle" /&gt;
                      &lt;SelectedRowStyle BackColor="#004080" Font-Bold="True" ForeColor="Yellow" /&gt;
                      &lt;Columns&gt;
  
                      &lt;/Columns&gt;
                  &lt;/asp:GridView&gt;
                  &lt;/div&gt;
              &lt;div style="clear: both;"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>