如何使用CSS将两个标题放在一起？

Question

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

将Category和auto放在不同的行上,如下所示:

类别

汽车

我怎样才能将它们放在同一条线上,像这样？

分类自动

Answer 1

h(n)元素是'块'元素,这意味着它们将增长以占用所有可用的水平空间.这也意味着他们会把任何"正确"的东西推到下一行.

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

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

请注意,inline-block是不是在所有的浏览器都支持.

你也可以浮动块元素,但这可能会成为一个棘手的问题,因为浮动可能相当复杂.坚持内联这样的案例.

Answer 2

<h5 style="display:inline-block;">Category</h5>
<h6 style="display:inline-block;">auto</h6>