block & inline 차이

block

block는 말그대로 면(영역)을 나타내며

-한 줄(가로or세로)에 하나의 요소를 배치한다.
-기본 width: 100%;이다.
-text-alignㅇ; 적용되지 않는다.

<div>,<h1~6>,<p>,<ul>,<table>등이 존재한다.

inline

inline은 선(흐름)으로

-한 줄에 여러 요소 배치기 기능하다.
-자식요소에만 태그가 가능하다.
-width 값이 입력 값에 맞춰진다.

<span>,<a>,<br>,<input>,<img>등이 존재한다.