html - 文本下划线并居中对齐

Question

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

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

我尝试使用段落标签

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

Answer 1

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