javascript - HTML/CSS 下划线全宽

Question

我想弄清楚如何在不在段落中添加
的情况下使每行的下划线/边框全宽。有没有人知道我应该如何处理这个问题？

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

感谢任何帮助，谢谢。

HTML

<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);
}

http://jsfiddle.net/t2VG4/