I have this weird space between my margins, even using margin and padding of 0 for all the elements. Could anyone help me to understand this behavior in Chrome?
Thank you!
https://jsfiddle.net/rzby6mj7/3/
HTML:
<div class="parent">
<div class="child child-1">ONE</div>
<div class="child child-2">TWO</div>
</div>
CSS:
*{
margin: 0;
padding: 0;
}
.parent{
background-color: pink;
height: 200px;
}
.child{
font-size: 30px;
width: 40%;
display: inline-block;
}
.child-1{
background-color: grey;
}
.child-2{
background-color: yellow;
}