如何避免标题标签中的换行？

Question

我正在使用标题标签，并且我不想在它们之后换行。

我尝试使用该display: inline;属性，但没有成功。

HTML：

<h5>Token No.:</h5> <h4>147</h4>

CSS：

h5 {
    display: inline;
}

这应该不会导致换行，但它会在“Token no.:”之后给出一个换行符

Answer 1

您需要 h4 和 h5 内联显示，可能需要设置!important以覆盖其他选择器

h5, h4 {
    display: inline !important;
}

更新：

如果您只想影响当前部分，您可以移动到带有 class 的 div

<div class='token'>
   <h5>Token No.:</h5> <h4>147</h4>
</div>

CSS

.token h5, .token h4 {
        display: inline !important;
 }

h5, h4 {
    display: inline !important;
}

<div class='token'>
   <h5>Token No.:</h5> <h4>147</h4>
</div>