HTML/CSS 下划线全宽

Question

在此输入图像描述我试图弄清楚如何使每行的下划线/边框全宽而不添加
段落。有谁知道我应该如何处理这个问题？

到目前为止，我拥有的两个解决方案是添加或创建它的图像，但这不是理想的情况。

如有任何帮助，我们将不胜感激，谢谢。

超文本标记语言

<p>We are always on the lookout for great talent. Please send in your resume or portfolio to test@test.com. The following positions are open.</p>

CSS

p {
    border-top: thin soild #000;
}

Answer 1

如果行高是固定的，你可以用渐变来做到这一点：

p{
  line-height: 20px;
  color: #333;
  background-image: 
    repeating-linear-gradient(180deg, transparent, transparent 19px, #333 20px);
}