我怎么能把h3和p标签放在一个边框内？

Question

<div>
  <span class="brd-box">
    <h3>Garages For</h3><p>Renault KWID</p>
  </span
</div>
<style>
.brd-box {
   border: 1px solid #ccc;
}
</style>

我想将h3和p放在带有1px的框边框中，因此使用span标记，我无法实现它。

Answer 1

默认情况下，

Span为display:inline。所以将其更改为display:block

<div>
<span class="brd-box">
<h3>Garages For</h3><p>Renault KWID</p>
</span>
</div>

<style>
  .brd-box {
    display:block;
    border: 1px solid #ccc;
  }
</style>

Answer 2

不是将课程brd-box提供给跨度，而是应该将其提供给div

<div class="brd-box">
<h3>Garages For</h3>
<p>Renault KWID</p>
</div>
<style>
.brd-box{
   border: 1px solid #ccc;
}
</style>