title: Position div side by side with css
body: <p>I have this simple Layout in my page </p>
  
  <pre><code> &lt;div id="content-wrap"&gt;
          &lt;form id="form1" runat="server"&gt;
          &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;
          &lt;/asp:ScriptManager&gt;
          &lt;div id="content" style="height: 550px"&gt;
  
          &lt;/div&gt;
          &lt;/form&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>And the css:</p>
  
  <pre><code>#content-wrap
  {
   clear: both;
   float: left;
   width: 100%;
  }
  #content
  {
   text-align: left;
   padding: 0;
   margin: 0 auto;
   height: 470px;
   overflow: auto;
      width: 760px;
  }
  </code></pre>
  
  <p>The div "content" is centered inside the wrap, what I'd like to do is to put another div next to "content" on the left side floating and fixed with 200px almost of width. How can I do that?</p>
  
  <p>Thanks in advance for any help.</p>