title: Wrap text for container of undefined width
body: <p>In <a href="http://jsfiddle.net/rdesai/n4c24cg7/2/" rel="nofollow noreferrer">my fiddle here</a>, I would like to split the text into 2 lines. The splitting needs to be like in the image below:</p>
  
  <h2><img src="https://i.stack.imgur.com/ksSf6.png" alt="enter image description here"></h2>
  
  <p>The splitting needs to be according to the width of the image.</p>
  
  <p>I tried playing with <code>word-break</code> but it seems that it needs width of the container to be defined.</p>
  
  <p>Is there a way to fix this using CSS only?</p>
  
  <p><a href="http://jsfiddle.net/rdesai/n4c24cg7/2/" rel="nofollow noreferrer">jsFiddle</a></p>