如何将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>