
웹페이지에서 요소들을 어떻게 배치할지는 HTML/CSS에서 정말 중요한 주제입니다.그 중심에 있는 속성이 바로 **display**예요.이번 포스팅에서는 실무에서 자주 쓰이는 4가지 기본 display 타입을 쉽게 정리해볼게요. ✅ display: block기본적으로 한 줄 전체를 차지하고아래로 쌓이는 구조예요.width, height 조절이 가능합니다.📌 대표 태그: div, p, section, article 등첫 번째 박스두 번째 박스 ✅ display: inline한 줄에 나란히 배치되지만width, height 설정이 불가능해요.글자처럼 다뤄지는 요소라고 생각하면 돼요.📌 대표 태그: span, a, strong, em 등첫 번째두 번째 ✅ display: inline-blockinlin..