title: trying to keep my div below top divs
body: <p>I have two divs horizontally, and then trying the third div at the bottom ,
  but the third one also coming at the right side instead of bottom .</p>
  
  <pre><code>&lt;div style="width=100%"&gt;
  &lt;div id="slider"&gt;Left&lt;/div&gt;
  &lt;div id="slider"&gt;Right&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="text"&gt;Bottom&lt;/div&gt;
  </code></pre>
  
  <p>here is the <a href="http://jsfiddle.net/junaidp/CaZY7/123/" rel="nofollow">fiddle</a></p>
  
  <p>please guide </p>
  
  <p>thanks </p>