title: Positioning elements at top right of <div>
body: <p>I have a <a href="http://jsfiddle.net/pTNqe/9/" rel="nofollow">Fiddle</a> that contains a div, some text and a button.</p>
  
  <p>I'd like to position the button on the top right of the div no matter how big the div gets, or how much text is in the div.</p>
  
  <p>I though something like   </p>
  
  <pre><code>float: right;
  position: relative;
  </code></pre>
  
  <p>may do the trick, but this doesn't work, because the 'text' in the div will push the button down.</p>
  
  <p>Is there a better way to do this? Maybe <code>absolute</code>ly position the button to the top right, instead of <code>relative</code>?</p>