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

前端之家收集整理的这篇文章主要介绍了如何在html的同一行有两个标题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要两个标题h2和h3在左边的相同的水平规则上,另一个在右边.他们下面有一个人力资源,我希望他们与这个人力资源距离相同.

我试着让它们都是内联的,一个是浮动的,另一个是左边的.这样做的问题是h3,因为它比h2垂直地小于h2长度的一半.

h2有点像坐在小时,h3有点像在空中漂浮.

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

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

我在谈论在视觉上描述情况.

解决方法

您需要将两个标题包装在div标签中,并使该div标签使用一个清晰​​的样式:both.例如:
<div style="clear: both">
    <h2 style="float: left">Heading 1</h2>
    <h3 style="float: right">Heading 2</h3>
</div>
<hr />@H_404_9@ 
 

将div标签后面的小时保留在两个标题之下.

或者非常类似的东西.希望这可以帮助.

猜你在找的HTML相关文章