블록태그, 인라인태그

미해결질문
이사야 lee 프로필

p와 span의 차이는 이해했습니다.

블록과 인라인이요.

<p>Lorem ipsum dolor sit amet. </p>

<p>Lorem ipsum dolor sit amet. </p>

 

이 두 줄을 저장하고 실행시켰을 때에는 줄 사이에 간격이 있던데, 

<div>Lorem ipsum dolor sit amet.</div>

<div>Lorem ipsum dolor sit amet.</div>

이 두 줄을 저장하고 실행시켰을 때에는 줄 사이에 간격없이 background가 적용되었습니다.

div와 p의 차이가 무엇인지요?

Dongho Lee 프로필
Dongho Lee 2019.07.02

줄 사이의 간격은 마진이나 패딩 때문에 발생합니다.
블록요소들 중에도 마진이나 패딩을 가지고 있는 요소가 있고 가지지 않은 요소가 있습니다.

div 요소는 블록요소지만 마진이나 패딩을 가지진 않습니다.

지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스