html - テキストに下線を引き、中央に揃えます

Question

次のテキストに下線を付けて中央揃えにしたいのですが、ここで試しましたが、解決策を見つけることができませんでした。

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

段落タグで試してみました

ドットやダッシュではなく、下線を引いて中央揃えにする必要があります

Answer 1

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