HTML元素位置与CSS

如果我有以下HTML代码段

...
<fieldset>
  <div>above or below</div>
  <div>content</div>
</fieldset>
...

。。。
高于或低于
内容
...

如何创建CSS，使

上方或下方

可以位于

内容

上方或下方，而不必添加重复标记，也不影响文档流

---

我试过使用

position:relative字段集上选择code>，然后选择
位置：绝对，但元素随后位于其下方的任何元素上。
一个选项是使用
显示：flex
和
flex direction
，以便直观地颠倒两个元素的顺序：


字段集{
显示器：flex；
弯曲方向：立柱；
}
.以下{
弯曲方向：柱反向；
}

高于或低于
内容
高于或低于
内容
您是指上面和下面的深度，即：
z-index
还是指垂直位置？垂直位置由于某种原因，当我切换到
div
时，无法使用
fieldset
，工作正常