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

如何在html的同一行有两个标题,第1张

概述我想要两个标题h2和h3在左边的相同的水平规则上,另一个在右边.他们下面有一个人力资源,我希望他们与这个人力资源距离相同. 我试着让它们都是内联的,一个是浮动的,另一个是左边的.这样做的问题是h3,因为它比h2垂直地小于h2长度的一半. h2有点像坐在小时,h3有点像在空中漂浮. 我有点希望他们像坐在小时一样. h2{display:inline;float:left;}h3{displ 我想要两个标题h2和h3在左边的相同的水平规则上,另一个在右边.他们下面有一个人力资源,我希望他们与这个人力资源距离相同.

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

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

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

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

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

解决方法 您需要将两个标题包装在div标签中,并使该div标签使用一个清晰​​的样式:both.例如:
<div >    <h2 >heading 1</h2>    <h3 >heading 2</h3></div><hr />

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

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

总结

以上是内存溢出为你收集整理的如何在html的同一行有两个标题全部内容,希望文章能够帮你解决如何在html的同一行有两个标题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1144342.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存