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

Question

假设我有一个这样的代码段。

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

$("#phoneType").change(function() {
  var val = $(this).val();
  $("tr").removeClass("selected");
  $("#tr" + val).addClass("selected");
    
})

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

Answer 1

添加一些padding-bottom：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;