# 2. HTML block\&inline level

## HTML Tag 의 범주 - block 과 inline

## Block 레벨 태그

* 항상 새 줄에서 시작되며, 브라우저는 요소의 앞뒤에 자동으로 여백을 추가한다.
* 항상 사용 가능한 전체 너비를 차지한다.

![block level tags](https://1894437320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvEIP2mtvcOYnL1HUyi7v%2Fuploads%2Fgit-blob-fc1d582d548b542a3db62855654138ec07b7d681%2Fblock.png?alt=media)

## Inline 레벨 태그

* 인라인 요소는 새 줄에서 시작되지 않는다.
* 인라인 요소는 기본적으로 필요한 만큼의 너비만 차지하여, 내용에 맞게 자동으로 크기가 정해진다.

텍스트와 같은 내용을 표시하는데 사용이 되기 때문에, 다른 요소들과 같은 줄에 배치된다.

즉, **자신의 크기를 지정할 수 없다.**

width, height 를 지정해도 아무런 반응이 없다.

이러한 요소들의 크기를 지정하려면, 요소의 display 속성을 inline-block 또는 block 으로 변경해야 한다.

![inline level tags](https://1894437320-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FvEIP2mtvcOYnL1HUyi7v%2Fuploads%2Fgit-blob-1d295a5e973470735519c366331471d7d3ed4e59%2Finline.png?alt=media)
