添加边框后无法向我的h1添加边距

Question

我的h1正常工作，直到添加边框并使其内联显示。现在，无论我尝试什么，都无法在h1的顶部添加边距。现在边界的整个顶部都被剪掉了。

https://dash.generalassemb.ly/Astara303/build-your-own-personal-website

如果我删除了display：inline，则页眉会移回更有意义的位置，但是边框会延伸到整个页面，而不是环绕文本。

h1 {
      border: 3px greenyellow solid;
      margin-top: 100px;
      border-width: 8px;
      display: inline;
      padding: 10px;
      border-radius: 25%;
      text-align: center;
      font-size: 90px;
}

Answer 1

添加inline-block

h1 {
      border: 3px greenyellow solid;
      margin-top: 100px;
      border-width: 8px;
      display: inline-block;
      padding: 10px;
      border-radius: 25%;
      text-align: center;
      font-size: 90px;
}