HTML block and Inline Elements

모든 HTML 엘리먼트는 요소 유형에 따라 기본 표시 값을 갖는다. 대부분 엘리먼트의 기본 표시값이 block 또는 lnline이다. 

1. 블록 엘리먼트

블록 엘리먼트는 항상 새 줄에서 시작하고(자동 줄바꿈 됨) 사용할 수 있는 전체너비를 사용한다.(별도의 지정이 없는 한 부모 태그의 넓이 100% 상속 - 가능한 양쪽으로 뻗어 있음

<div>태그가 블록 엘리먼트이다. 

HTML 블록 엘리먼트

<address>

<article>

<aside>

<blockquote>

<canvas>

<dd>

<div>

<dl>

<dt>

<fieldset>

<figcaption>

<figure>

<footer>

<form>

<h1>-<h6>

<header>

<hr>

<li>

<main>

<nav>

<noscript>

<ol>

<output>

<p>

<pre>

<section>

<table>

<tfoot>

<ul>

<video>

2. 인라인 엘리먼트

인라인 엘리먼트는 새로운 줄에서 시작하지도 않고 필요한 만큼 넓이를 차지한다.

<span> 태그가 인라인 요소이다. 

HTML 인라인 엘리먼트

<a>

<abbr>

<acronym>

<b>

<bdo>

<big>

<br>

<button>

<cite>

<code>

<dfn>

<em>

<i>

<img>

<input>

<kbd>

<label>

<map>

<object>

<q>

<samp>

<script>

<select>

<small>

<span>

<strong>

<sub>

<sup>

<textarea>

<time>

<tt>

<var>

참조.