title: How to make text of a label fit within its width
body: <p>I have a label in html document, it has a fixed width but when the text exceeds the label's width it goes to 2nd line, I want to the text to fit in given width, no matter if it doesn't show the starting text..
  Here is the code</p>
  
  <pre><code>&lt;div style="width:50%"&gt;
      &lt;label id="mlbl" style="width:50%;"&gt;text&lt;/label&gt;
  &lt;/div&gt;
  &lt;button id="mbtn"&gt;click&lt;/button&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>$('#mbtn').click(function() {
    $('#mlbl').text('asdasda gfgfg ad ad asd ad asd asd ad ad ');
  });
  </code></pre>
  
  <p>Here is the Fiddle <a href="http://jsfiddle.net/rd79bpwn/" rel="noreferrer">http://jsfiddle.net/rd79bpwn/</a></p>