안녕하세요! 레미입니다. 오늘은 수평정렬에 대한 내용을 가져왔어요. display:inline-block; 실무에서 참 많이 사용합니다. 하지만, 큰 단점 하나를 꼽으라면 자체적으로 3~4 픽셀의 여백을 가지고 있다는 점입니다. 수평 정렬을 시킬 땐 1~2픽셀 차이만 나도 조금 분산되어 보이는 느낌이 드는데요. 3픽셀 이상 차이가 나면 반듯한 느낌을 주기 힘들답니다. 그래서, inline-block으로 지정했을 때 여백을 없애는 방법 3가지+flex layout을 소개해 드리려고 합니다. 위 이미지는 display:inline-block;으로 지정 후, 생기는 3~4픽셀 가량의 여백 예시입니다. 꽤 넓지요? 위 이미지는 아래 소개되는 방법으로 여백을 제거한 예시입니다. 1. float 속성 사용하여 강제..
