title: CSS to place input(textboxes) across from each other
body: <p>I'm trying to get the second textbox to be across from the first one. Right it is at the bottom righthand side.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
     &lt;head&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;title&gt;Untitled Document&lt;/title&gt;
     &lt;/head&gt;
     &lt;body&gt;
        &lt;div&gt;
           &lt;h2&gt;Top&lt;/h2&gt;
           &lt;div&gt;
              &lt;h2&gt;TextBox 1&lt;/h2&gt;
              &lt;div&gt;
                 &lt;input type="text" /&gt;
              &lt;/div&gt;
           &lt;/div&gt;
           &lt;div style="float:right;"&gt;
              &lt;h2&gt;textbox2&lt;/h2&gt;
              &lt;div&gt;
                 &lt;input type="text" /&gt;
              &lt;/div&gt;
           &lt;/div&gt;
        &lt;/div&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>