title: Css with flexbox wrap text
body: <p>I'm building a forum with <code>flexbox</code>. But I've got a problem. How do I wrap the text from a column to a new line?</p>
  
  <p>Here is my example simulated:</p>
  
  <p><a href="https://jsbin.com/bijikimubu/1/edit?html,css,js,output" rel="nofollow">https://jsbin.com/bijikimubu/1/edit?html,css,js,output</a></p>
  
  <p>Also somewhere else on my site:</p>
  
  <p><a href="https://i.stack.imgur.com/o71N7.png" rel="nofollow"><img src="https://i.stack.imgur.com/o71N7.png" alt="enter image description here"></a></p>
  
  <p>--EDIT--</p>
  
  <p>With <code>word-break: break-all;</code> it looks like this in IE 11:</p>
  
  <p><a href="https://i.stack.imgur.com/ct0Th.png" rel="nofollow"><img src="https://i.stack.imgur.com/ct0Th.png" alt="enter image description here"></a></p>