I am facing an issue with aligning my div elements with a 20px margin. Despite setting the margin to 20px, I notice that there are additional 4 pixels rendered when I view it on the browser. Below is the code snippet:
.block{
width:50px;
height:50px;
background:red;
display:inline-block;
margin-right:20px;
vertical-align:top;
}
*{
margin:0
padding:0
border-width:0px;
}
You can investigate further by checking out https://jsfiddle.net/zyfzbyed/8/ with your inspector tool. The main question I have is: How do I eliminate that extra margin? Thank you.