html - CSS如何把标题放在边框前面？

Question

所以我需要在文章中出现这种情况:

我已经找到了一个解决方案，但我想要一个不滥用 CSS 的解决方案。

我发现的是使用 <legend>元素。我正在寻找完全符合标准的解决方案。

Answer 1

.div {
  border:2px solid #000;
  width:300px;
  height:100px;
  position:relative;
}

.above_text {
  position:absolute;
  background:#fff;
  top:-10px;
  left:30px;
  z-index:3;
}

.inside_text {
  position:absolute;
  top:30px;
  left:30px;
}

<div class="div">
  <div class="above_text">AAAAA</div>
  <div class="inside_text">ASDF</div>
</div>