Warum unterscheiden sich die (nach der Ausführung des HTML-/CSS-Codes) resultierenden Boxgrößen von div und label, wenn dieselben Eigenschaften angewendet werden?

Question

div, a {
    height: 100px;
    width: 200px;
    border: 5px solid black;
    margin: 15px;
}

<div>This is a div tag</div>
<a href="https://www.google.co.in" target="_blank">Google</a>

Ich habe eine gleich große Box erwartet, aber eine andere gefunden.

Answer 1

只需将 display: block; 添加到您的 CSS 中即可。

像这样：

div, a {
    display: block;
    height: 100px;
    width: 200px;
    border: 5px solid black;
    margin: 15px;
}