html - 如何将 anchor 元素的宽度限制为其子元素(h1 和 h2)的宽度

Question

好的，我在 div 中有一个 ID 为“logo”的 div 我有 h1 和 h2 元素，我无法锚定它们...如果我将 anchor 放在 h1 或 h2 中，宽度与文本宽度相同，但我在 h1 之间有空格和不属于链接的h2..

如果我将 h1 和 h2 包装在 achor 内，它没问题，但宽度占据标题元素的整个宽度(我提到的所有元素的父元素)

我还尝试将 h1 和 h2 放在 anchor 元素内(不使用 div)，但它占据了标题的整个宽度(我使用了显示 block ，但不起作用)

Answer 1

试试这个 fiddle here

在刚刚添加的这个 fiddle 中

.header{
     text-align: center;
  } 

#logo{
    display: inline-block;
  }