title: Overlay a div on top of a input element
body: <p>I have a div that contains all these elements:</p>
  
  <pre><code>&lt;div id="container"&gt;
    &lt;input type="text" /&gt;
    &lt;div id="click"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to style this in a way so that the <code>div</code> with <code>id=click</code> will be in the right corner of the input element.</p>
  
  <p>The CSS I applied to text is: </p>
  
  <pre><code>text-align: left;
  width: 400px;
  </code></pre>
  
  <p>In my <code>click</code> div I have:</p>
  
  <pre><code>width: 30px;
  height: 30px;
  </code></pre>
  
  <p>Essentially it would look like this:</p>
  
  <pre><code>[____INPUT___________________{DIV}]
  </code></pre>
  
  <p>I am not sure how to style the div in order to position it over the input element. Right now it is lying directly to the right of it.</p>