Block Element VS Inline Element

Block Element	Inline Element
- 자동 줄 바꿈	- 줄을 바꾸지 않고 한 줄로 나란히 나열됨
- 영역은 지정 값 또는 지정 안할 시     width는 부모 요소의 가로크기, height는 컨텐츠 크기	- 영역은 컨텐츠 크기만큼
- width , height , margin , padding 값 적용 가능	- margin 좌, 우 (O) 적용 가능  - margin 상, 하단(X) 적용 불가능
- vertical-align, text-aline이 적용 불가능	- width , height 값 적용 불가능 - 상 하 여백은 line-height 속성에 의해 발생
	- 인라인 속성을 블럭 속성으로 변경시 display를 속성 값을     block, inline-block 화 시켜서 임의로 속성값 적용
- Block Element 와 Inline Element 를 감쌀 수 있다.	- Block Element는 감쌀 수 없고    Inline Element는 감쌀 수 있다.
<p>,<h1>~<h6>,<ul>,<ol>,<pre>,<dl>,<div>,<blockquote>,<form>,<hr>,<table>,<fieldset>,<address>,<p>,<table>	<br>,<abbr>,<a>,<img>,<q><acronym>,<object>,<label>,<select>,<sup>,<sub>,<span>,<textarea>,<input>, <strong>

 

html5로 작업하면 a태그에 Block Element 사용 가능

출처: 

https://happysos.tistory.com/28

https://junistory.blogspot.com/2017/07/html5.html