html - 如何在一个页面上使用两个 <header> 标签？

Question

此页面上有两个部分，假设是内容 A 和内容 B。

我希望内容 A 和内容 B 的标题都位于横跨整个页面宽度的横条中。

我试过导航标签，但遇到了问题。

现在我正在尝试标题标签。它适用于第一个，但第二个最终会与其他文本重叠。

我已经尝试将第二个的 css 设置为显示内联 block 、添加填充、添加边距，但似乎没有任何效果。就好像它是固定的，我没有设置任何东西，所以它是固定的。

有没有人对我如何解决这个问题有任何建议？或者关于设置两个带有标题的简单浏览器范围栏的最佳方法的其他建议？

Answer 1

试试这个

  <header>
    <h1 id="ex01">example01</h1>
    <h3 id="ex02">example02</h3>
    
  </header>