html之如何在html中的同一行上有两个标题

我想在同一水平标尺上有两个标题 h2 和 h3，一个在左边，一个在右边。他们下面有一个 HR，我希望他们与这个 HR 保持相同的距离。

我试着让它们都内联，并且一个向右浮动，另一个向左浮动。这样做的问题在于 h3，因为它在垂直方向上小于 h2，它以 h2 长度的一半为中心。

h2 有点像坐在 hr 上，h3 有点像漂浮在半空中。

我有点希望他们都像坐在小时一样。

h2{ 
display:inline; 
float:left; 
} 
h3{ 
display:inline; 
float:right; 
} 

我说的是视觉描述情况。

请您参考如下方法:

您需要将两个标题包装在一个 div 标签中，并让该 div 标签使用 clear: both 的样式。例如:

<div style="clear: both"> 
    <h2 style="float: left">Heading 1</h2> 
    <h3 style="float: right">Heading 2</h3> 
</div> 
<hr /> 

hr div 标签将确保它被推到两个标题的下方。

或者类似的东西。希望这会有所帮助。