title: CSS span wrap with padding
body: <p>I've got a pretty annoying problem.
  I have to make a "table" fwhich containes 3 elements next to each other. The first 2 elements are simple divs, floated left, but the third is a little bit complicated. It must have padding on each sides. By the way, it's a text which can be wrapped by the end of the line.
  My problem is that when this element breaks at the end of the first line and the beginning of the second line do not have padding attributes.</p>
  
  <p>I've made a <a href="http://jsfiddle.net/8JEzn/" rel="nofollow">simple example page</a> here.</p>
  
  <p>Do you have any solutions for me? I've tried so many different ways...
  When the space next to the third element is empty, it's OK, but when I prepend the boxes its completely broken.</p>