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

时间:2017-04-12 11:33:52

标签: html

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

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

2 个答案:

答案 0 :(得分:1)

默认情况下,

Spandisplay: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>

答案 1 :(得分:0)

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

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