html - 标签没有被包装为固定宽度

Question

我在我的应用程序中开发了一个饼图，下面是我的饼图的 plnkr。我能够正确显示图例，但无法包装文本，如 plnkr 中所示。我尝试了 worwrap，断词，但它没有用。

https://plnkr.co/edit/yzXLz7AIDoWa1Pzxxl4k?p=preview

标签代码：

'<div style="width:180px"><span class="pull-left" style= "font-weight: 500; padding-bottom: 5px">' + this.name +
                    '</span><span class="pull-right" style= "font-weight: 500" >' + this.value +
                    '</span></div> '