title: Can not break long sentence in a D3-generated SVG text
body: <p>I want to break long sentence into two line in my SVG text that is generated by D3. But I can't do it in <code>D3/javascript</code>. I tried with <code>\n</code> and <code>&lt;br/&gt;</code>, but they are not working.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  &lt;script src="http://d3js.org/d3.v3.min.js" charset="utf-8"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      var margin = {top: 80,left: 70, bottom: 80,right: 100},
          height = 660 - margin.top - margin.bottom,
          width = 1320 - margin.left - margin.right;
  
      var chart = d3.select("body")
          .append("svg")
          .attr("width", width + margin.left + margin.right)
          .attr("height", height + margin.top + margin.bottom)
          .append("g")
          .attr("transform", "translate("+margin.left+","+margin.top+")");
  
      chart.append('text')
          .attr('x', 100)
          .attr('y', 100)
          .text("I want to have this \n sentence in two lines")
          .attr("dy", "1em")
          .style("text-anchor", "middle")
          .style("font-family", "Helvetica, Arial, sans-serif")
          .style("font-weight", "bold")
          .style("font-size", "16px" )
          .style("fill", "#1ABC9C");
  
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>