css의 기초 '박스 모델' 에 대해 알아봅시다
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>박스모델 배우기</title> <style> h1{ border:10px solid red; padding:10px; margin:30px; display:block; width:200px; } </style> </head> <body> <h1>박스모델</h1> <h1>배워봅시다</h1> </body> </html>
display: block을display: inline으로
display: block
display: inline
바꾸면 어떻게 되는가?
줄바꿈이 되지 않고 자신의 영역 만큼만 차지한다.
Last updated 5 years ago