文本下划线并居中对齐

Question

我希望以下文本带有下划线并居中对齐。这是我尝试过但无法找到解决方案的内容。

<p style="border-bottom:thick dashed #F00">Hi Friends </p>

我试过段落标签

我需要带下划线的文本，而不是点或虚线并居中对齐

Answer 1

text-align: center;
text-decoration: underline;