- display:block; 의 단점은 위아래 요소들을 배치하기는 수월하지만 옆에 다른 요소들이 오지 못하게 막는 단점이 있습니다.
- display:inline; 의 단점은 양옆으로 요소들을 배치하기 수월하지만 위아래로 영역을 정하기 어려운 단점이 있습니다.
- display:inline-block; 은 inline을 block처럼 위 아래로 값을 정해줄 수 있는 성질입니다.
p태그 안의 더비 텍스트들 중 특정 문장을 inline 태그인 span 태그로 감싸서 강조하는 화면을 만들었습니다.
이 span 태그의 display를 inline-block으로 설정한 후 height, padding-top등의 값을 주게 되면
위와 같이 inline 요소인 span 태그에 height, padding-top의 값이 적용된 것을 볼 수 있습니다.
???