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