我有一个 p 标签。我想要它旁边有一条边界线。
<p style="margin-left: -30px;font-size: 12px;margin-bottom: 2px;"><strong> Categories</strong></p>
我想在 p 标签旁边添加一行，如下图所示。
我怎样才能实现它？
请帮忙，
谢谢
还有许多其他方法可以实现这一目标，其中之一是应用border-bottom到一个伪元素（它建立一个新的块格式化上下文以防止重叠）并浮动<strong>左边的元素：
p.hasBorder {
overflow: hidden; /* Establish a new block formatting context */
}
p.hasBorder > strong {
float: left;
}
p.hasBorder:after {
content: "";
display: block;
border-bottom: 3px solid silver;
overflow: hidden; /* Establish a new block formatting context */
height: 1em; /* Up to you */
}
<p class="hasBorder">
<strong>Categories</strong>
</p>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
