title: How to make a two column page with left navigation?
body: <p>Attempting to put the Nav bar containing Home, Menu, etc on the left of the page, and the rest in the center, and the windingroad.jpg floated to the right of all the text. I am lost in how to split these into multiple columns and continue, any help would be appreciated. </p>
  
  <p>~HTML~</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;JavaJam Coffee House&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="javajam.css"&gt;
      &lt;style&gt;
     #nav {
          background-color:#999;
          width:100px;
          padding-top: 10px;
          font-weight: bold;
          float:left; }
  
     #nav a {text-decoration: none;
             padding-bottom: 15px;
  
  a:link; { color: #996633;}
  
  a:visited { color: #ccaa66;}
  
  a:hover { color: #330000;
  }
  
    #nav ul { list-style-type: none;}
  
      &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;h1&gt;
          &lt;img src="javalogo.gif" alt="JavaJam Coffee House" 
               width="619" height="117"&gt;
      &lt;/h1&gt;
      &lt;p&gt;Follow the winding road to JavaJam...&lt;/p&gt;
  
  
  &lt;div id="nav wrapper"&gt;
  &lt;ul class="nav"&gt;
      &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="menu.html"&gt;Menu&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="music.html"&gt;Music&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=""&gt;Jobs&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;/div&gt;
  
  &lt;main&gt;
  &lt;div id="wrapper"&gt;
      &lt;img src="windingroad.jpg" alt="Winding Road" 
           width="333" height="156" class="floatright"&gt;
  
  &lt;/div&gt;
  
  &lt;ul&gt;
      &lt;li&gt;Specialty Coffee and Tea&lt;/li&gt;
      &lt;li&gt;Bagels, Muffins, and Organic Snacks&lt;/li&gt;
      &lt;li&gt;Music and Poetry Readings&lt;/li&gt;
      &lt;li&gt;Open Mic Night&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/main&gt;
  &lt;p&gt;
      12312 Main Street&lt;br&gt;
      Mountain Home, CA 93923&lt;br&gt;
      1-888-555-5555
  &lt;/p&gt;
  &lt;footer&gt;
    &lt;p&gt;Copyright &amp;#169; 2014 Javajam Coffee House&lt;/p&gt;
    &lt;p&gt;&lt;a href="@college.edu"&gt;
    a@college.edu&lt;/a&gt;.&lt;/p&gt;
  &lt;/footer&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>