顶部有文字的CSS框

Question

我想在html中创建一个框，但是在顶部边框上放置文本，以达到此处显示的效果：

desired effect

但是我得到了这个。文本背景颜色在那里，但边框位于文本的前面而不是后面：

current situation

这是我的代码：

.box_div h3 {
  display: table;
  margin: -25px auto 28px auto;
  background-color: #FFF;
  font-size: 33px;
  font-weight: bold;
  padding: 0 15px;
}

<div class="box_div">
  <h3>Text Goes Here</h3>
  <p>Inner text goes here</p>
</div>