HTML – 如何将文本放在水平规则之上？

概述我想将文本放在规则上方和标题的右侧,如下图所示. 这是我的HTML： <h2>Heading</h2> <div class="category"><em>Characters</em></div> <hr> (我目前没有”字符’类的CSS,因为我没有任何工作.) 我已经尝试对齐文本,使用CSS浮动或定位,而我得到的最接近的是符合规则,但最后将其切断. 有人可以提供一些帮助吗？ 试试 fl 我想将文本放在规则上方和标题的右侧,如下图所示.

这是我的HTML：

<h2>heading</h2>  <div ><em>Characters</em></div>  <hr>

(我目前没有”字符’类的CSS,因为我没有任何工作.)

我已经尝试对齐文本,使用CSS浮动或定位,而我得到的最接近的是符合规则,但最后将其切断.

有人可以提供一些帮助吗？

解决方法 试试 flexbox

.flex-container {  display: flex;  justify-content: space-between;}.flex-container h2 {  margin-bottom: 0;  align-self: flex-end;}.category {  align-self: flex-end;}

<div >  <h2>heading</h2>  <div >Characters</div></div><hr>

总结

以上是内存溢出为你收集整理的HTML – 如何将文本放在水平规则之上？全部内容，希望文章能够帮你解决HTML – 如何将文本放在水平规则之上？所遇到的程序开发问题。

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