box model
display
1. display: block
: 언제나 새로운 라인으로 시작하며, 해당 라인의 모든 너비 차지함
: ex) div, h1, p, ul, form
2. display: inline
: 새로운 라인으로 시작하지 않고, HTML 요소의 내용만큼만 차지함
: ex) span, a, img
3. display: flex
: 주어진 공간에서 크기와 위치를 자동 조정
🐰노력하며 살아가기🐰
1. display: block
: 언제나 새로운 라인으로 시작하며, 해당 라인의 모든 너비 차지함
: ex) div, h1, p, ul, form
2. display: inline
: 새로운 라인으로 시작하지 않고, HTML 요소의 내용만큼만 차지함
: ex) span, a, img
3. display: flex
: 주어진 공간에서 크기와 위치를 자동 조정