title: How to prevent a SPAN Tag inside a button from linebreaking (jQuery UI button)
body: <p>I want to generate several <a href="http://jqueryui.com/demos/button/#splitbutton" rel="nofollow">split buttons</a> using jQuery UI. 
  The buttons should fill their container up to 100% (the container has a fixed width). If the text of the button is too long I want it to be cut off. </p>
  
  <p><a href="http://jsfiddle.net/mBjst/" rel="nofollow">This fiddle</a> demonstrates the problem. Is there any easy solution the button is displayed in one line and the long text is cut off?</p>
  
  <p>The problem seems to be that the <em>span</em> element inside the <em>button</em> tag doesn't do any line breaking even if its width is set by hand.</p>
  
  <p>Thanks in advance!</p>