html - 如何在非 anchor 文本下划线？

Question

我有这个问题，因为我在 HTML 和 CSS 方面学到了很多东西。我只是这样做:

HTML:

<div>
  MY NAME HERE
</div>

CSS:

div {
  display:inline-block;
  border-bottom: (desired width) solid (desired color);
}

div {
font-size: 30px;
display:inline-block;
border-bottom: 5px solid black;
}

<div>
MY NAME HERE
</div> 

我做得对吗，还是有简单的方法？提前致谢。

Answer 1

使用text-decoration: underline;。

div {
font-size: 30px;
display:inline-block;
text-decoration: underline;
}

<div>
MY NAME HERE
</div>