title: Stick button to right side of div
body: <p><a href="http://jsfiddle.net/kn5sH/">http://jsfiddle.net/kn5sH/</a></p>
  
  <p>What do I need to add in order to stick the button to the right side of the div on the same line as the header?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;
      &lt;h1&gt; Ok &lt;/h1&gt;
      &lt;button type='button'&gt;Button&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>div {
      background: purple;
  }
  
  div h1 {
      text-align: center;
  }
  
  div button {
  }
  </code></pre>
  
  <p>More specifically:</p>
  
  <ol>
  <li>The right side of the button should be x pixels away from the right
  edge of the div.</li>
  <li>It should be on the same line as the header.</li>
  <li>Should be contained in the div (stuff like float or relative
  positioning pops it out of the div visually)</li>
  </ol>
  
  <p>What CSS techniques can be used to do this?  Thanks.</p>