inline

[HTML] block line 태그 5개를 일렬로 나열하면 어떻게 될까?

먼저 block line vs inline 요소에 대해서 알게 되면, 우리가 궁금한 점을 해결할 수 있다. inline 요소에 해당하는 tag 중에 다음 span은 인라인 요소로, 영향 범위의 시작과 끝을 알 수 있도록 배경색을 지정했습니다. 다음 span은 인라인 요소로, 영향 범위의 시작과 끝을 알 수 있도록 배경색을 지정했습니다. block line 요소에 해당하는 tag 중에 다음 p는 블록 레벨 요소로, 영향 범위의 시작과 끝을 알 수 있도록 배경색을 지정했습니다. 다음 p는 블록 레벨 요소 로, 영향 범위의 시작과 끝을 알 수 있도록 배경색을 지정했습니다. 이처럼, inline 요소는 줄바꿈을 강제하지 않지만, block line 요소는 줄바꿈을 유발하도록 합니다. 그럼, block line ..