title: CSS / HTML text wrap for webkit
body: <p>I am trying to achieve the same effect facebook has with wrapping your status if it's too long.
  Try to set your status to something like 300 "A" characters with a webkit user agent. How do they do that?</p>
  
  <p>Yes... I know you can use:
  word-wrap: break-word</p>
  
  <p>I googled alot and all these tricks only work if you can set the width in advance, which I cannot.
  My width is adjusting to 100% screen size to allow stretching when resizing (landscape).</p>
  
  <p>So to sum this up, how can I achieve text wrap without giving a specific width to the element or a parent element, without using JS, under webkit only browser?</p>
  
  <p>I could notice that FB use this property on the parent container:</p>
  
  <pre><code>-webkit-box-sizing: content-box
  </code></pre>
  
  <p>But I was not able to apply this to my case...</p>