I set li
elements for width: 50%
, in order to separate the ul
block into two li
in one line like the picture below. And here's the JS bin for example, with normalize.css.
[Picture 1]
However, the width of li
needed to be less than 50%, like 49.6% or less. If not, some space showed up between li
and li
for unknown reason, even though I'd set the box-sizing: border-box
and margin: 0
for li
.
[Picture 2]
I know I can use float: left
to make it work like the first picture, but I want to know why there's space existed in picture 2.
P.S.: I'm using Chrome for my browser, if on Safari, it's okay for 49.5%.