如何强制 html 中的段落不换行？

Question

我一直在尝试强制 <p> 元素不要自行换行，以便格式效果更好（p 元素应该是 "hashtag"）正如您所见，如果您 运行 您在虚拟文本下方获得已回答文本的代码 - 它应该是内联的。 这是我的代码：

.answered {
 display: inline-block;
 width: 90px;
 background-color: green;
        text-align: center; 
}
h3 {
display: inline-block
}

<h3>Dummy Text...</h3><p class="answered">Answered</p>

更新 回答的文本现在居中对齐并且 h2 标签是行内块 该问题已在评论中得到解答...

Answer 1

在样式表中：

h3, .answered{
   display: inline-block; 
}

Answer 2

尝试 <span> 而不是 p 元素。 p 元素用于定义从新行开始的段落。如果您不打算写新段落，<span> 是更好的选择，因为它不使用新行。