title: Inline block - align to right?
body: <p>I'm trying to get 'ADD' and the search box to sit next to each other, side by side and align them right.</p>
  
  <p>I've checked out other answers and I have implemented an inline-block solution, they sit side by side (but for some reason it's not working on the fiddle). How can I align the elements to the right of their parent?</p>
  
  <pre><code>&lt;div class="span6"&gt;
      &lt;h2 class="pull-left"&gt;TITLE&lt;/h2&gt;
  &lt;/div&gt;
  &lt;nav class="span6"&gt;
    &lt;form action="/gateway" method="get"&gt;
       &lt;input name="search" size="10" type="search" placeholder="Search" results=5&gt;
    &lt;/form&gt;
      &lt;a class="btn" href="/add"&gt;ADD&lt;/a&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/9p2VM/" rel="nofollow">Fiddle</a></p>