📚 HTML5 인라인 요소와 블록 요소

✳ inline 요소

ㄴ 수평으로 놓이며, 자체적인 크기가 없음.

ㄴ 높이, 너비, 외·내부 여백 설정 불가.

- 종류 : <a> , <b> , <br> , <button> , <cite> , <em> , <i> , <img> , <input> , <label> , <script>

<select> , <small> , <span> , <strong> , <sub> , <sup> , <textarea>

​

​

✳ block level 요소

ㄴ 수직으로 쌓이며, 자체적 크기와 여백을 가짐(가로, 세로, 여 백지장 가능).

ㄴ 부모 요소의 한 줄을 독점, 강제 줄 바꿈.

- 종류 : <article> , <aside> , <blockquote>, <div> , <footer> , <from> , <h1>~<h6> , <header>

<hr> , <li> , <nav> , <oi> , <p> , <section> , <ul>

​

​

✳ lnline - block 요소

ㄴ lnline 요소와 block 요소의 특징을 혼합.

ㄴ 자체적인 크기와 여백을 가짐.

ㄴ 줄 바꿈을 강제하지 않음.