When we set two or more sibling element display property value inline -block that creates all elements to one row. But this also generates 4px space between them, it’s html default property.

displayinline-gap

Here is many tricks to remove this unusual space between sibling element.

HTML tricks for remove space.

Solution 1: No space between elements

Solution 2: Every new element starts his previous element line

Solution 3: Every new elements closing bracket in new line.

Solution 4: Using HTML Comments

Solution 5: Without closing tag

TRY IT NOW

CSS tricks for remove space.

Solution 1: font-size: 0 his parent

Solution 2:  margin-left:-4px;

TRY IT NOW