html - 在 ul li 中添加 sup 标签进入下一行

Question

我尝试用新标签制作一个列表。当文本较少时就可以了。但如果文字更多，我的新标签会出现在下一行。我的代码如下:

<ul>
   <li> text 1 <sup>new</sup> </li>
   <li> text 1 <sup>new</sup> </li>
   <li> text 1 <sup>new</sup> </li>
   <li> large text <sup>new</sup> </li>
</ul>

jsfiddle

我如何解决这个问题。

Answer 1

问题在于向 ul 添加宽度请参阅下面的 fiddle 。

Fiddle

您可以删除 ul 的宽度或按如下方式简单添加。

CSS

ul li {
    width: 100%;
}