标题后的行（css）

如何创建这样的线条？（查看屏幕截图的评论）

我已经尝试在h1之后制作一个新的div，然后用

     margin-left: 70px;
     border-top: solid 2px #ffffff;
     width: 46.4%;
     margin-top: -27px;
     position: absolute;

但是队伍不够长

---

制作这些线路最聪明的方法是什么？因此，它们与div的长度相同，它们位于相同的位置。在不使移动网站太宽的情况下？

您可以使用：after pseudo元素，而无需添加任何类似的div

h2 {
  position: relative;
}

h2:after {
  position: absolute;
  top: 50%;
  content: "";
  height: 1px;
  background-color: #000;
  width: 100%;
  margin-left: 10px;
}

---

我没有足够的分数在我的问题中发布图片：-（这是在一个网站上吗？你可以检查CSS以了解他们是如何做到的。我做了你刚才解释的事情，但有两个问题：因此你有两个选项：1.将主容器或h2元素的宽度设置为与最后一件t恤的末端对齐。2.将t恤盒的边距设置为与conta的宽度对齐内尔。