如何在某些文字下方移动边框？

Question

假设我有一个这样的片段.

h1 {
  border-bottom: 10px black solid;
}

<h1>My name is Apujay.</h1>

如何将文本下方的边框向下移动？

Answer 1

添加一些padding-bottom:

h1 {
  border-bottom: 10px black solid;
  padding-bottom: 50px;
}

<h1>My name is Bob.</h1>