选择CSS断行的位置

Question

我有一个用ul和li编写的菜单，而且我无法将线条包裹在正确的位置。这是HTML：

<li><span>●</span>&nbsp;<a href="/spl">Scottish Premier League</a></li>

我希望它看起来像这样：

● Scottish
Premier League

但它看起来像这样：

●
Scottish Premier
League

带有点的span以jQuery为目标，以扩展联盟以显示俱乐部，a导航到联盟页面。

我尝试在white-space: nowrap;上使用li，但这会扩大ul并使其余的布局混乱。我已经尝试在联盟名称中添加<wbr>个标签，但这没有效果。还有什么我可以尝试的吗？

Answer 1

找到它。问题是display: inline-block标记上的<a>。