title: Cause line to wrap to new line after 100 characters
body: <p>Is there a way in CSS that I can cause the 3rd element in this list, which is longer than the rest, to wrap to a new line if it extends over 100 characters? so that the rest of the text is on the next line?</p>
  
  <p>I tried giving that <code>&lt;li&gt;</code> a less width, but the content overflows.</p>
  
  <p>I also tried <code>overflow:hidden;</code> and that cuts it off, but the rest is hidden and not on a new line.</p>
  
  <p>How can I do this?</p>
  
  <p>Here is a JS Fiddle where I am trying to do this: <a href="http://jsfiddle.net/ZC3zK/" rel="noreferrer">http://jsfiddle.net/ZC3zK/</a></p>