如何在同一行写入h1和h2？

Question

我有一个页面,我只想做一个标题.这个标题是一个与左边对齐的h1文本,一个与右边对齐的h2,在同一行,还有它们,一个小时.到目前为止,我的代码如下所示(如果你测试它,你会发现它是错误的):

<h1 align="left">Title</h1> 
<h2 align="right">Context</h2> 
<hr/>

多谢你们!

Answer 1

h1并且h2是原生display: block元素.

使它们display: inline像普通文本一样.

您还应该重置默认值padding和margin元素.

Answer 2

关键字float:

<h1 style="text-align:left;float:left;">Title</h1> 
<h2 style="text-align:right;float:right;">Context</h2> 
<hr style="clear:both;"/>

Answer 3

在很多情况下

display:inline;

足够。

但是在某些情况下，您必须添加以下内容：

clear:none;