반응형
block
요소는 블록 요소 상자를 생성하여 전후에 줄 바꿈을 생성해준다.
inline
요소는 앞이나 뒤에 줄 바꿈을 생성하지 않는 하나 이상의 인라인 요소 상자를 생성한다. 정상적인 흐름에서는 공간이 있으면 다음 요소가 같은 줄에 있다.
inline-block
요소는 단일 인라인 상자인 것처럼 주변 콘텐츠와 함께 블록 요소 상자를 생성합니다.
inline과의 주요 차이점은 요소에 너비와 높이를 설정할 수 있다는 것이다. block과의 가장 큰 차이점은 요소 뒤에 줄 바꿈을 추가하지 않기 때문에 요소가 다른 요소 옆에 놓일 수 있다는 것이다.
반응형