Для более подробного ответа: когда задаете блокам display:inline-block; то между блоками образуется некий отступ, этот отступ объясняется тем, что когда мы задаем блоку блочно строчное поведение мы говорим ему чтобы он стал символом в строке(т.е одной буквой), и соответственно между любыми буквами должен быть отступ, отсюда и появляются эти непонятные отступы, есть несколько способов его убрать, отрицательный margin или обнулить размер шрифта родителю.