Empty inline blocks don't align vertically with non-empty ones

by Bhesh Gurung

HTML

<div class="container">
    <span>1234</span> <a>&nbsp;</a>    
</div>

CSS

a {
    display: inline-block; 
    width: 32px; 
    height: 32px;
    background-color: green;
}

span {
    background-color: green;
    
}

div {
    border: 1px solid gray;
    width: 100px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    padding: 0;
    font-size: 26px;
    font-weight: 600;
}