반응형
See the Pen display, visibility by nilgi (@nilgi) on CodePen.
• inline 속성을 가진 html 요소 / 항상 새 줄에서 시작
display: block; 으로 기본 속성을 제거하고 옆으로 나열할 수 있다.
div
h1 - h6
p
form
header
footer
section
.
.
• block 속성을 가진 html 요소 / 옆으로 나열
display: inline; 으로 기본 속성을 제거하고 새 줄에 표시 할 수 있다.
span
a
img
.
.
display: none; / 컨텐츠와 공간을 모두 표시하지 않는다.
visibility: hidden; / 컨텐츠는 보이지 않고 공간은 남는다.
반응형