سلام در جواب به سوالتون تا جاییکه من میدونم در مورد عناصر inline و inline-block به این صورته که وقتی توسط مرورگر رندر گرفته میشن اینتری که داخل کد html موقع نوشتن این عناصر گذاشته میشه بعنوان یک عنصر inline خالی در نظر گرفته میشه و همین باعث بوجود اومدن اون فاصله میشه.برای رفعش هم مثلا میشه اون enter رو حذف کرد یا به اون عناصر margin با مقدار منفی داد یا اینکه از پراپرتی float براشون استفاده کرد...

البته این در حد اطلاعات من هست و قطعا استاد جواب بهتری خواهند داشت.