title: Floating divs for responsive website
body: <p>I'm trying to float divs for a responsive website and it's not working properly. I need them to be in the order below because when the screen gets smaller, they need to stack with 1 on top, then 2, the 3. The third div is not going nicely underneath the first div. Any help is appreciated!</p>
  
  <pre><code>&lt;div class="1"&gt;info&lt;/div&gt;
  &lt;div class="2"&gt;info&lt;/div&gt;
  &lt;div class="3"&gt;info&lt;/div&gt;
  
  .1 {
  width:23%;
  float:right;
  }
  .2 {
  width:76%;
  float:left;
  }
  .3 {
  float:right;
  width:23%;
  }
  </code></pre>
  
  <p>Again, just to be clear, I need "3" to be underneath "1" but it's going underneath "2". Thanks!</p>