Why are the resulting (after running the html/css code) box sizes of the div and label different when applying the same set of properties?

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>

I was expecting the same size box but found a different one.

Answer 1

Just add display: block; to your CSS.

like this:

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