Space between wrapped elements

user_2699667 0
Viewed 47

What's that white gap(space) between 2 elements and how to remove it?

P.S. 1px gap between red and black. Looks like because of 125% browser zoom.

div {
  border: 2px solid red;
  display: inline-block;
}

span {
  display: block;
  background: black;
  height: 27px;
  width: 27px;
}
<div>
    <span></span>
</div>

css
1 Answers

It should be a Chrome rendering issue. I have found several related problems since now, like a line in the middle of a button, without declaring any line in CSS / HTML / JS. Also, if you test your code with Firefox, in any level of zoom, you don't have this space.

user_3666640
Related