title: Positioning buttons using CSS without tables
body: <p>I'm pulling my hair out here trying to get CSS to position only a handful of html elements. </p>
  
  <p>Here is the code:
  <a href="http://jsfiddle.net/7pTL8/" rel="nofollow">http://jsfiddle.net/7pTL8/</a></p>
  
  <p>What I want is for "person@business.com [v]" to be at the top-right and then below it "Average Depth," "[x] Settings", and "Past 24 hours [v]" are all displayed together at the same level. I've tried floats and that had strange results. I don't want to resort to using a table here because everything I read about CSS suggests using tables for layout is a poor solution.</p>