[HTML/CSS] div 가로 정렬 완벽 가이드: Flexbox, Grid, inline-block, float 비교

웹 개발을 하다 보면 div를 가로 정렬해야 하는 순간이 반드시 옵니다. 네비게이션 메뉴, 카드 리스트, 갤러리, 대시보드, 상품 목록까지 거의 모든 UI가 여기에 걸려 있죠.지금 기준에서 가장 중요한 결론부터 말하면, 일반적인 div 가로 정렬은 Flexbox가 기본 선택이고, 행과 열을 동시에 설계해야 하면 CSS Grid가 더 적합합니다. gap은 flex와 grid 모두에서 사용할 수 있어 간격 관리도 훨씬 쉬워졌습니다.반대로 float는 원래 텍스트와 인라인 요소가 요소 주변을 감싸도록 설계된 속성이고, 요소가 일반 흐름에서 빠지기 때문에 레이아웃 제어가 까다롭습니다. inline-block도 여전히 쓸 수 있지만, HTML 공백 때문에 예상치 못한 간격이 생기는 등 현대 레이아웃의 기본 도구로..