title: jQuery expander plugin css text display fail
body: <p>Why does the text line up in a different line when its displayed?
  <img src="https://i.stack.imgur.com/amf6M.png" alt="pic"></p>
  
  <p>jquery plugin:<a href="http://plugins.learningjquery.com/expander/" rel="nofollow noreferrer">http://plugins.learningjquery.com/expander/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="expandable"&gt;
          &lt;span style="font-size:13px;"&gt;Description this is an item that is very good and i like it very cool muchtion this is an item that is very good and i like it very much Descr this is an item that is very good and i like it very much Desc this is an item that is very good and i like it very much pt&lt;/span&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Jquery:</p>
  
  <pre><code>$('div.expandable span').expander({
  slicePoint:       69,  // default is 100
  
  expandText:       'More', // default is 'read more'
  
  userCollapseText: 'Less'  // default is 'read less'
  </code></pre>
  
  <p>});</p>