[HTML, CSS] display 속성들 헷갈리는거 정리(인라인, 블록, 인라인블록 요소...)

1. 인라인 요소(inline)

• label
• audio
• video
• b
• br
• before
• after

-> 특징: 상하 마진값 못가짐 (좌우 마진은 가능 / 패딩은 상하좌우 모두 가능)

 

---

2. 인라인블록 요소(inline-block)

• input
• button
• img
• fontawesome
• icon

-> 특징: 상하 좌우 마진, 패딩 가능

---

3. 블록 요소(block)

• form
• article
• details
• summary
• h
• hr

-> 특징: 상하 좌우 마진, 패딩 가능
              margin: auto는 블록만 가능