title: How to display a long link in multiple lines via CSS?
body: <p>These are codes:</p>
  
  <pre><code>&lt;div&gt;Hello World. &lt;a href="http://www.newyorker.com/arts/events/2014/02/03/140203gofr_GOAT_front"&gt;http://www.newyorker.com/arts/events/2014/02/03/140203gofr_GOAT_front&lt;/a&gt;.&lt;/div&gt;
  
  div {
      background: red;
      width: 200px;
      height:200px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/gEDx9" rel="noreferrer">http://jsfiddle.net/gEDx9</a></p>
  
  <p>This long link is displayed at 2nd line. I hope long this link can be displayed in multiple lines. I also hope this long link won't be displayed at outside of red <code>div</code> element. This long link should be fully displayed.</p>
  
  <p>So this long link should be displayed at 1st line, 2nd line and 3rd line. May it will also be displayed at 4th line.</p>
  
  <p>How can this be done via CSS?</p>