title: How to stop jquerymobile from truncating text in label?
body: <p>I have this page in jquerymobile running in .net MVC4</p>
  
  <pre><code>&lt;div data-role="header" data-theme="b" data-position="fixed"&gt;
       &lt;h3 style="color:white;"&gt;
              Name
      &lt;/h3&gt;
   &lt;a href="#" data_icon="back"&gt; Back &lt;/a&gt;
  
      &lt;div data-role="fieldcontain" class="test_row"&gt;
          &lt;fieldset data-role="controlgroup" data-type="horizontal" class="test_row"&gt;
              &lt;input id="radio3" name="testType" value="2" type="radio" checked="checked" class="test_type"&gt;
              &lt;label for="radio3" class="test_type"&gt;All tests&lt;/label&gt;
              &lt;input id="radio1" name="testType" value="0" type="radio" class="test_type"&gt;
              &lt;label id="test_type_label" for="radio1" class="test_type" &gt;Automated&lt;/label&gt;     
              &lt;input id="radio2" name="testType" value="1" type="radio" class="test_type"&gt;
              &lt;label for="radio2" class="test_type"&gt;Manual&lt;/label&gt;
          &lt;/fieldset&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.test_row .ui-btn {
      text-align: center;
  }
  .ui-field-contain .ui-controlgroup-controls {
      width: 100%;
  }
  .ui-controlgroup-controls .ui-radio {
      width: 33.3%;
  }
  </code></pre>
  
  <p>http://jsfiddle.net/ruds5/jsfiddle</p>
  
  <p>When you resize the result, middle word (Automated) is truncated into shorter form with '...' at the end.</p>
  
  <p>Is it possible to prevent truncating at the end of the word?</p>