Html 如何将锚元素的宽度限制为其子元素的宽度（h1和h2）

好的，我有一个id为“logo”的div，在div里面，我有h1和h2元素，我无法锚定它们。。。若我把锚放在h1或h2内，宽度和文本宽度相同，但h1和h2之间有不属于链接的空间

如果我将h1和h2包装在achor中，则其宽度为header元素的全宽（我提到的所有元素的父元素）

我还尝试将h1和h2放在锚元素内部（不使用div），但它占用了标题的全部宽度（我使用了显示块，不工作）

试试这个提琴

在这把小提琴里，我刚刚加了一句

.header{
     text-align: center;
  } 

#logo{
    display: inline-block;
  }

---

请展示你所做的努力的标记和CSS。我猜你需要将标题内联到块中。你能修改一下你的代码吗。。？？？我有导航也在侧标题，但它的工作很好，所以没有必要张贴在这里。。至于CSS标题{background color:#6ab47b；color:#fff；float:left；margin:0 30px 0；padding:5px 0 0 0 0；width:100%；}和#logo#logo{text align:center；margin:0；color:#fff；display:block；背景色：橙色；}h1和h2仅针对字体大小、重量进行样式设置（h2页边距-5px，因此它更接近顶部的h1）谢谢，我的#徽标是显示块，我认为添加内联不会改变任何东西..标题中的文本对齐中心强制将徽标置于标题中间..非常感谢..如果这是您需要的答案，请将其标记为正确。