如何在html的同一行有两个标题
发布时间:2020-12-14 19:38:04 所属栏目:资源 来源:网络整理
导读:我想要两个标题h2和h3在左边的相同的水平规则上,另一个在右边.他们下面有一个人力资源,我希望他们与这个人力资源距离相同. 我试着让它们都是内联的,一个是浮动的,另一个是左边的.这样做的问题是h3,因为它比h2垂直地小于h2长度的一半. h2有点像坐在小时,h3有
我想要两个标题h2和h3在左边的相同的水平规则上,另一个在右边.他们下面有一个人力资源,我希望他们与这个人力资源距离相同.
我试着让它们都是内联的,一个是浮动的,另一个是左边的.这样做的问题是h3,因为它比h2垂直地小于h2长度的一半. h2有点像坐在小时,h3有点像在空中漂浮. 我有点希望他们像坐在小时一样. h2{ display:inline; float:left; } h3{ display:inline; float:right; } 我在谈论在视觉上描述情况. 解决方法
您需要将两个标题包装在div标签中,并使该div标签使用一个清晰??的样式:both.例如:
<div style="clear: both"> <h2 style="float: left">Heading 1</h2> <h3 style="float: right">Heading 2</h3> </div> <hr /> 将div标签后面的小时保留在两个标题之下. 或者非常类似的东西.希望这可以帮助. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |