title: CSS float left not working right
body: <p>i'm trying to split two divs into two section, left and right. With the left one being static (300px height) and right one is not static (such as posts and comments). With a footer at the bottom.</p>
  
  <pre><code>&lt;div&gt;
      &lt;div&gt;
      &lt;div class="right"&gt;&lt;img src="images/members/bigava/crays.png" style="width: 630px; height: 130px;" /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div&gt;
      &lt;div class="left" style="float: left;"&gt;&lt;img src="images/members/ava/crays.jpg" style="width:120px; height:80px;" /&gt;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I made my main div with a width of 760px, hence with those setting, i still have 10px to spare. The problem now is, i cannot assign float-right to the div with right class, and can only assign float-left to the div with left class. I tried changing the div up and down, reassigning the positions, but what i get isn't what i want. Any help?</p>
  
  <p>edit</p>
  
  <pre><code>CSS
  .right {
  font-family: verdana;
  font-size: 12px;
  border-radius: 3px;
  }
  
  .left {
  font-family: verdana;
  font-size: 10px;
  color: #000000;
  border-radius: 3px;
  }
  </code></pre>
  
  <p>This is the results i get which i don't want
  <img src="https://i.stack.imgur.com/Hd2i2.jpg" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/urgUZ.jpg" alt="enter image description here"></p>
  
  <p>what i want is
  <img src="https://i.stack.imgur.com/Hama6.jpg" alt="enter image description here"></p>