title: Two line label text in D3 circle packing
body: <p>I've searched the current topics in this site, but no solution solved my problem.</p>
  
  <p>How can I show text in two line for long length texts in D3 circle packing. I'm using following code to show labels on circles:</p>
  
  <pre><code>const label = svg.append("g")
        .style("font-weight", "bold")
        .attr("pointer-events", "none")
        .attr("text-anchor", "middle")    
        .selectAll("text")
        .data(root.descendants())
        .join("text")
        .style("fill-opacity", d =&gt; d.parent === root ? 1 : 0)
        .style("text-shadow", "0px 0px 11px #FFF")
        .style("display", d =&gt; d.parent === root ? "inline" : "none")
        .attr("dy", "0.3em")
        .text(d =&gt; d.data.name);
  </code></pre>