title: How to put span content on top of all other elements without wrapping?
body: <p>I have a span next to each form element on a page that shows an error if there is one. There are basically two columns on the page, a left and a right. I'm trying to get the span to display from the left column all the way across the page (not getting wrapped to a 2nd line at the boundries of the left column). </p>
  
  <p>I've been playing around with positioning and z-indexes for a while and can't get it working, so I thought I'd post a jsfiddle to see if someone could help shed some light:</p>
  
  <p><a href="http://jsfiddle.net/zZ7MN/3/" rel="nofollow">http://jsfiddle.net/zZ7MN/3/</a></p>