title: Div with 2 spans, center 1, right align other, but keep first one centered
body: <p>I have a div with 2 spans in it.  I want to keep the 1st span centered relative to the div and right align the 2nd (I'm using pull-right from bootstrap).  </p>
  
  <p>In the below JSBin, you'll see what I'm after.  I want the 'Hello' span in Div1 to be in the same position as it is in Div2.  In otherwords, I want to center the 1st span relative to the parent, and not be affected by any other spans in the div...</p>
  
  <p>Here's my jsbin: <a href="http://jsbin.com/cixun/1/" rel="nofollow">http://jsbin.com/cixun/1/</a></p>