[HTML] 글자와 상자, 인라인과 블록

요소가 화면에 출력되는 특성, 크게 2가지로 구분

 

인라인(Inline) 요소

• span
• 글자를 만들기 위한 요소들
• 요소가 수평으로 쌓임
• 포함한 콘텐츠 크기만큼 자동으로 줄어듬
• 가로,세로,위아래여백은 조절x, 좌우여백은 가능
• 인라인 요소 안에 블록 요소를 사용할 수 없다

블록(Block) 요소

• div
• 상자(레이아웃)를 만들기 위한 요소들
• 요소가 수직으로 쌓임
• 부모 요소의 크기만큼 자동으로 늘어남(가로), 세로크기는 자동으로 줄어듬
• 가로,세로,여백 조절 가능
• 블록 요소 안에 블록, 인라인 모두 가능