title: How to get a div to line up to the right of another div instead of below it?
body: <pre><code>&lt;div id="holder"&gt;
  
      &lt;div id="topleft"&gt;
      &lt;/div&gt;
  
      &lt;div id="topright"&gt;
      &lt;/div&gt;
  
      &lt;div id="main"&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I have these divs on my page and no matter what I do, <code>topright</code> goes underneath <code>topleft</code> instead of to the right of it, making a T shape of content on the page with the <code>topleft</code> and <code>topright</code> forming a header section above the <code>main</code> content below them.</p>
  
  <p>What would cause it to keep dropping below <code>topright</code>?</p>