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

Question

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

将类别和自动放在不同的行上，如下所示：

分类

自动

如何将它们放在同一条线上，就像这样？

类别自动

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>

Answer 3

您必须更改元素的显示模式。默认情况下，H标签呈现为BLOCK元素。要覆盖此行为，请将以下样式定义添加到您的网站或CSS

h5,h6 { display: inline; } 

你也可以通过以下方式决定让它们“漂浮”在一起：

h5,h6 { float: left; } 

请注意浮动仅适用于块元素（因此使用两种样式都不会执行浮动，因为内联元素不能浮动）。