title: How to position two boxes side by side using <div> tags?
body: <p>im learning HTML and CSS right now. 
  Now im trying to create a simple Layout, 
  HEADER
  below that a
  A MENU BAR
  and below that a
  NAVIGATION BAR in the right and MAIN SECTION in the right
  Im not able to place the navigation bar and the main section side by side.</p>
  
  <p>THE main section goes below the navigation bar and not on its side</p>
  
  <pre><code>The code:
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Untitled Document&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;center&gt;
      &lt;div style="height:70px; width:800px; background-color:red; color:white; font-size:30px" align="center"&gt;
      &lt;strong&gt;WELCOME&lt;/strong&gt;
      &lt;/div&gt;
      &lt;div style="height:30px; width:800px; background-color:blue; color:white; font-size:15px; top:80px" align="center"&gt;
          &lt;div style="width:200px; float:left"&gt;
              &lt;a href=""&gt;HOME&lt;/a&gt;
          &lt;/div&gt;
          &lt;div style="width:200px; float:left"&gt;
              &lt;a href="C:\Users\Harish\Desktop\c prog.html"&gt;liwjoejlsn&lt;/a&gt;
          &lt;/div&gt;
          &lt;div style="width:200px; float:left"&gt;
              &lt;a href=""&gt;lskdjflsd&lt;/a&gt;
          &lt;/div&gt;
          &lt;div style="width:200px; float:left"&gt;
              &lt;a href=""&gt;ABOUT&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/center&gt;
  &lt;center&gt;
      &lt;div style="height:800px; width:800px; background-color:grey; color:white; font-size:10px; top:100px"&gt;
          &lt;div style="height:800px; width:200px; float:left; border-style:solid; border-width:2px;"&gt;
              &lt;ul&gt;
                  &lt;li&gt;Hello&lt;/li&gt;
                  &lt;li&gt;hey&lt;/li&gt;
                  &lt;li&gt;who is&lt;/li&gt;
                  &lt;li&gt;forgive&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;div style="height:800px;width:600px; float:left; border-style:solid; border-width:2px; left:200px;"&gt;
              &lt;p&gt;
                  lsjdgfio jsldfkslj;do fsmi;odfml dsijfo siuldhf iofj s dofus &lt;br&gt; klsjhdfioy oasdilufilh aoudsfk &lt;br&gt; ksajhkdfjhu aosls
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/center&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>