html - 没有文本的 CSS 下划线段落

Question

即使没有文本，我也想在具有特定宽度的段落下划线。那可能吗？我的 CSS 段落类:

 width: 100px;
  line-height: 20px;
  color: #333;
  background-image: 
    repeating-linear-gradient(180deg, transparent, transparent 19px, #333 20px);
    text-align: center;

我是从这里发布的另一个问题得到的，但问题是如果没有文字，它就不会加下划线。

感谢您的帮助。

Answer 1

尝试使用`

p{
    width: 300px;
    border-bottom: 1px solid black;
} 

<p>Some text</p>
<p></p>

`