title: How to insert 3 divs on the same line
body: <p>I try to insert 2 divs on the same line and isn't woring.The last div is always placed on the bottom of the page.</p>
  
  <p>Here's the CSS:</p>
  
  <pre><code> #content1
     { 
    background-image:url(html/images/content1.png);
  width: 23.4%;
  height: 100%; 
  margin-top: 9%;
  margin-left: 0;
   padding-bottom: 5%;
  }
  .middle_menu
  {
  list-style-type:none;
  font-family:Arial, Helvetica, sans-serif;
   font-size:13px;
   color:#BDBDBD;
  text-decoration:none;
  padding: 5%;
    }
    #chat_menu
   { 
  background-image:url(html/images/content1.png);
   width: 23.4%;
  height: 100%; 
  margin-top: 1%;
   margin-left: 0;
   }
  #chat
  {
   padding-top: 2%;
   padding-bottom: 2%;
      margin-left: 2.5%;
    }
     #content2
    { 
    background-image:url(html/images/content2.jpg);
    width: 70%;
      height: 100%; 
     margin-top: 1%;
     margin-left: 0;
      }
  </code></pre>
  
  <p>And here's the HTML:</p>
  
  <pre><code>&lt;div id="content1"&gt;
                  &lt;ul class="middle_menu"&gt;
              &lt;li&gt;&lt;a href="index.html" &gt;Naruto Shippuden Ep. 313&lt;/a&gt;&lt;/li&gt;                                                                                                                                                                                                         
              &lt;li&gt;&lt;a href="index.html" &gt;Strike Witches Ep. 8&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="index.html" &gt;Sword Art Online Ep. 24&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="index.html" &gt;Baccano! Ep. 8&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
                  &lt;/div&gt;
      &lt;div id="chat_menu"&gt;
                  &lt;div id="chat"&gt;"Here's a online chat script"&lt;/div&gt;                    
              &lt;/div&gt;
      &lt;div id="content2"  style="float: right;"&gt; 
          &lt;img src="html/images/2.png" align="center" valign="center"&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>So there are two divs placed in the left side of the page one over another and i want to put the third div called "content2" on the same line with these two.
  I would be very grateful if someone can help me.</p>