Pourquoi les tailles de boîte résultantes (après l'exécution du code html/css) du div et de l'étiquette sont-elles différentes lors de l'application du même ensemble de propriétés ?

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>

Je m'attendais à la même taille de boîte mais j'en ai trouvé une différente.

Answer 1

Ajoutez simplement display: block; à votre CSS.

Comme ça :

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