我怎样才能把彼此相邻使用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标签都呈现为默认块元素。要覆盖此行为将以下样式定义添加到您的网站或CSS

h5,h6 { display: inline; } 

您还可以决定让他们“浮动”彼此相邻，你可以做到这一点通过：

h5,h6 { float: left; } 

请注意，浮置只适用于块元素（因此同时使用两种样式将不执行浮动因为内嵌元素不能浮动）。