블록요소 VS 인라인 요소

Better late than never·2023년 1월 8일
0

블록과 인라인의 차이점

블록요소

  • DIV, H1, H2, P....
  • Width 100%, Height 0%로 시작 → default : auto
  • 사용가능 한 최대 가로, 너비를 사용
  • 크기 지정 가능
  • 수직으로 쌓인다
  • margin, padding의 상하좌우 사용 가능
  • 레이아웃

인라인 요소

  • SPAN, IMG...
  • 크기 지정 불가능
  • 필요한 만큼의 너비를 사용가능
  • 수평으로 쌓인다
  • Width : 0, Height : 0 으로 시작
  • margin, padding을 위, 아래 사용불가
  • TEXT

→ display : block | Inline으로 임의로 설정이 가능

0개의 댓글