CSS移动标题，使其部分位于容器外部

您知道在字段集中渲染图例的默认方式吗

我正试图通过一个旁白来实现同样的目标。e、 g

<aside>
<h1>heading</h1>
<p>content</p>
</aside>

无论我将页边距顶部设置为什么，它仍然保持在侧边内-我希望它一半在侧边内，一半在侧边上方，这样h{n}就像图例到字段集一样被放置在侧边-浏览器在字段集边框中很好地显示图例

我只是不知道足够的CSS来实现这一点，甚至不知道合适的搜索词来找到解决方案

谢谢您的建议。

您可以尝试使用“位置：相对”并使用“顶部：”定位元素

例如：

 aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
  display: inline;
  background-color: red;
  margin-left: 1em;  
  padding: 0.3em;
  font-size: 1em;
  border: 2px solid;
  border-radius: 7px;
  border-color: #808080;
  position: relative;
  top: -1.5em;
  }

---

这个代码段的相关html是什么？旁边通常是一个节或文章节点的子节点，包含与该节稍微相关但并不真正相关的信息。e、 如果谈论数学，它可能包括关于布莱斯·帕斯卡的简短传记信息。这就是我所相信的目的。作为第一个孩子，我的用法里面只有一个标题。

 aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
  display: inline;
  background-color: red;
  margin-left: 1em;  
  padding: 0.3em;
  font-size: 1em;
  border: 2px solid;
  border-radius: 7px;
  border-color: #808080;
  position: relative;
  top: -1.5em;
  }