title: In the following CSS layout how can I make my arrow right aligned?
body: <p>I have a mockup here</p>
  
  <p><a href="http://jsfiddle.net/pJCfE/" rel="nofollow">http://jsfiddle.net/pJCfE/</a></p>
  
  <p>At the moment the down arrow is sitting next to 'All Services'.  I would like to make it right aligned.  How can I do this?</p>