title: How to make max-width text and jump to next line
body: <p>I'm facing a tiny problem. I'm not able to solve it.
  I'm using the awesome Ionic framework to build a nice application. trying to work with list items.
  I'm setting a max width for the text, and I want test to jump to the next line, this is not working, I'm using <code>word-wrap: break-word;</code></p>
  
  <p>my text is appearing like that : </p>
  
  <p><img src="https://i.stack.imgur.com/pJIFQ.png" alt="enter image description here"></p>
  
  <p>I want the text to jump next line.</p>
  
  <p>Here is : <a href="http://codepen.io/stranger90/pen/vOXJYx" rel="noreferrer">CODEPEN CODE + DEMO</a></p>