title: How to center image and float text on left and right?
body: <p>I want to center an image and then float text (or buttons) to the left and right as it's wireframed below:</p>
  
  <p><img src="https://i.stack.imgur.com/WXxD4.png" alt="enter image description here"></p>
  
  <p>I know you can't <code>float: center;</code> and from a quick web search every recommended solution is a bit of a hack. So how could I setup the css for this specific situation? I'm using Twitter Bootstrap for whatever that's worth (probably nothing in this case).</p>