如何在HTML / CSS中获得另一个边框内的边框

Question

我正在尝试在HTML / CSS中相互放置许多边界

我尝试过在CSS中制作多个Div，以创建边框，然后在整个正文中放置一个边框DIV，然后在要包含边框的某些标题和段落周围分开div。当我尝试执行此操作时，唯一显示的边框是整个身体的边框。

div.a {
  border: 5px green solid;
}

div.b {
  border: 5px red solid;
}

<div class="a">
  <div class="b">
    <h1>Victoria's Journal</h1>

    <h2>So fresh and so clean</h2>
  </div>
</div>