title: Possible to get an HTML span element to word-wrap when inside a pre element?
body: <p>I have an issue where I have <code>span</code> elements that are <code>absolute</code>ly positioned (they are call-outs). They are typically a single line, but sometimes need to wrap. That works fine. I set a width and they automatically wrap. <strong><em>Unless</em></strong> they are within a <code>pre</code> element.</p>
  
  <p>Here's a <a href="http://jsfiddle.net/4bWDx/" rel="nofollow">jsfiddle showing the above</a>. I've tried changing the <code>display</code> to <code>block</code> or <code>inline-block</code>. I've tried setting <code>word-wrap</code> to <code>break-word</code>. Nothing seems to work.</p>
  
  <p>I can try changing the <code>span</code> to a <code>div</code>, I guess semantically that makes sense too... but that requires a lot more time than I have now to deal with through my app.</p>
  
  <p>I'm perfectly happy with an html5 or css3 solution that only works on the latest browsers.</p>