html - 如何使用 CSS 将两个标题并排放置？

Question

<h5>Category</h5><h6>auto</h6>

将 Category 和 auto 放在不同的行中，如下所示:

类别

汽车

如何将它们放在同一行，就像这样？

类别汽车

Answer 1

h(n) 元素是“ block ”元素，这意味着它们会增长以占用所有可用的水平空间。这也意味着他们会将任何“正确”的内容推到下一行。

实现此目的的一种简单方法是将其显示设置为内嵌:

<style>
    h5, h6 {display:inline;}
</style>

请注意，inline-block 并非在所有浏览器中均受支持。

您也可以 float block 元素，但这可能会成为一个棘手的问题，因为 float 可能相当复杂。对于这种情况，请坚持使用内联。