title: HTML Label word-break in Chrome
body: <p>after updating the Google Chrome to the latest version, all the labels in my HTML documents have unwanted word-breaks. take a look at this fiddle: <a href="http://jsfiddle.net/hc9avcd3/" rel="nofollow noreferrer">http://jsfiddle.net/hc9avcd3/</a></p>
  
  <p>this is how it should be (screen shot from older version of chrome):</p>
  
  <p><img src="https://i.stack.imgur.com/t4Coa.png" alt="enter image description here"></p>
  
  <p>although the grey div has <code>width: 100%</code> and the label has <code>width: auto</code>, but this is how it looks on chrome (screen shot from new version of Chrome):</p>
  
  <p><img src="https://i.stack.imgur.com/5A4ZN.png" alt="enter image description here"></p>
  
  <ul>
  <li><p>there's no problem with <code>ltr</code> and english labels.</p></li>
  <li><p>tables and <code>&lt;p&gt;</code> elements also have this problem.</p></li>
  </ul>
  
  <p>how can I fix the problem? I also get <code>ERR_CACHE_MISS</code> error each time I open the documents.</p>
  
  <p>And I have no extensions or add-ons enabled.</p>