html5 블록, inline요소

블록태그 , Inline요소

• 인라인 요소는 height가 적용되지 않는다.
• 인라인 요소는 width가 적용되지 않는다.
• 블록 요소는 vertical-align 이 적용되지 않는다.
• 블록 요소는 text-align이 적용되지 않는다.

<div> 블록 요소

<div style="background-color:black;color:white;padding:20px;">
  <h2>London</h2>
  <p>내용 들어감</p>
</div>

<span> 인라인 요소

<h1>My <span style="color:red">Important</span> Heading</h1>

블록 요소 종류

<address>

<article>

<aside>

<blockquote>

<canvas>

<dd>

<div>

<dl>

<dt>

<fieldset>

<figcaption>

<figure>

<footer>

<form>

<h1>-<h6>

<header>

<hr>

<li>

<main>

<nav>

<noscript>

<ol>

<p>

<pre>

<section>

<table>

<tfoot>

<ul>

<video>

인라인 요소

<a>

<abbr>

<acronym>

<b>

<bdo>

<big>

<br>

<button>

<cite>

<code>

<dfn>

<em>

<i>

<img>

<input>

<kbd>

<label>

<map>

<object>

<output>

<q>

<samp>

<script>

<select>

<small>

<span>

<strong>

<sub>

<sup>

<textarea>

<time>

<tt>

<var>