html - 包含 h1/h2/h3 并使用 .css 文件在 html 文件中定位

Question

这是我的 html 代码:

<div class="front-page">
<div id="header" class="mainclass">

<h1 class="secondclass">Main Title</h1>

</div>
</div>

我想知道如何在 div 中添加 h2/h3/h4:<div id = "header" class = "mainclass"> ？

还有更多，我该如何定位它们？也就是说，h2 位于右侧但紧靠 h1 下方，h3 位于右下角，h4 位于右上角。

这有可能吗？

有什么帮助吗？

Answer 1

玩一玩

H1 {
  float: left
}

H2 {
  float: right
}

H3 {
  display: block;
  position: relative;
  top: 150px;
}

H4 {
  display: block;
  position: absolute;
  top: 0px
}

<div class="front-page">
  <div id="header" class="mainclass">

    <h1 class="secondclass">Main Title</h1>
    <h2 class="secondclass">H2</h2>
    <h3 class="secondclass">H3</h3>
    <h4 class="secondclass">H4</h4>

  </div>
</div>