title: Why doesn't word-wrap work properly in CSS3?
body: <p>Why doesn't word wrap property work properly in the example below?</p>
  
  <p><a href="http://jsfiddle.net/k5VET/739/" rel="noreferrer">http://jsfiddle.net/k5VET/739/</a></p>
  
  <p>What can I do to ensure that part of the word 'consectetur' fits in the first line itself? I want maximum number of characters to fit in each line.</p>
  
  <p>The css is :</p>
  
  <pre class="lang-css prettyprint-override"><code>#fos { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size:14px;
      font-weight: normal;
      line-height: 18px;
      width: 238px;
      height:38px;
      cursor: pointer;
      word-wrap:break-word;
      border:2px solid; }
  </code></pre>