title: How do I center text in a span?
body: <p>Please see <a href="http://dashboards.stcenergy.com/AlertsDashboard" rel="noreferrer">this</a> website </p>
  
  <p>How do I get the test TEST to be in the middle of the span it is contained in?</p>
  
  <p>This is using Twitter Bootstrap.</p>
  
  <p>I have tried loads of different ways, like css, inline styling, setting margins, etc but I cannot get the span to do what I need.  It appears as though its being drawn to the exact width of it's text.</p>
  
  <p>My main aim is actually to be able to bring the text Nationwide Alerts down so that it is on the same row as the buttons.</p>
  
  <p>The tricky thing is that I cant give this span a hard coded width because of the page being resized</p>
  
  <p>Paul</p>