境界線が予期しない "スペース"

Question

1px borderをdivに追加すると、境界線とdivの内容の間に予期しないスペースが表示されます。 image

<div class="reporting square" style="border: 0.5px solid red; padding: 0px;"> 
    <p>Hi</p> 
</div> 

縁なし：：国境で

image

<div class="reporting square" style="padding: 0px;"> 
    <p>Hi</p> 
</div> 

Answer 1

あなたがCss Reset

に使用されるか、またはpにを使用することができます

p{margin:0;}

<div class="reporting square" style="border: 0.5px solid red; padding: 0px;"> 
 
<p>Hi</p> 
 
</div>

Used to css Reset