제수기 > HTML > inline | block

Eunbi Jo·2024년 12월 30일
1

제수기

목록 보기
25/90
 제수기 - 제발 수업내용을 기억해라

모든 html태그는 css속성 display에 따라 inline/block요소로 구분된다.

inline 요소: 여러 요소를 수평적으로 나란히 배치할 수 있다.

  • span, a, img, strong, em 등
  • content만큼만 영역을 차지한다.

block요소 : 여러 요소를 수직적으로 쌓을 수 있다.

  • h1~h6, p, div, table 등
  • 좌우를 최대한 확보해 영역을 차지한다.

inline

span

block

div

구분해서 사용하지 않으면 작동이 엉켜서 안 될 수도 있다.

0개의 댓글