如何阻止<a>在段落内创建新行？

Question

我真的不明白我的问题出在哪里！

a

标签内有一个

p

标签。它将链接的文本放在单独的行上。我希望它停止这样做。

代码（出于隐私原因更改，但这就是字面意思）

<p>song title <a href="www.example.com">(feat. friend)</a></p>

CSS：

#container a {
     color: #f7650b;
     font-weight: bold;
}

输出：

song title
(feat. friend)

我想要什么：

song title (feat. friend)

我已经尝试过：

• nobr 标签（是的，我知道它已被弃用，但仍然值得一试）
• 空白：nowrap
• 将链接文本设为“()”，看看是否是长度问题
• 使用   代替空格
• 使用 (/) 代替 ()

我有点不知所措。帮忙吗？

Answer 1

您可以将 a 标签分配给

display:inline-block;

属性，这应该可以解决您的问题