文本标题的样式边框底部会随着使用CSS的字体系列的变化而变化？

Question

这可能是一个非常愚蠢的问题，但是请您告诉我，在这个非常简单的示例中，是否可以对边框底部进行样式设置，使其仅与文本一样宽而不是包含分隔的范围，但是没有明确设置宽度。目的是在字体系列更改时让边框底部调整其宽度。并且最好使用CSS。

在项目中，一排按钮上方有菜单标题，其中每个这样的区分都是包含flexbox中的flex项目。但是，似乎所有这些都不重要，我的问题是我应该知道如何做的简单事情。

谢谢。

div { width: 250px; }
h1 
 {
  font-size: 16px;
  border-bottom: 2px solid black; 
 }

<div>
  <h1>Menu Title</h1>
</div>

Answer 1

在display: inline-block;中设置h1