Inline and Block Elements

A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can).

Block Level Elements
Col 1Col 2Col 3Col 4Col 5Col 6
<address><article><aside> <blockquote><canvas><dd>
<div><d1><dt><fieldset> <figcaption<figure>
<footer><form><h1> - <h6> <header><hr><li>
<main><nav><noscript> <ol><output><p>
<pre><section><table> <tfoot><ul><video>

An inline element does not start on a new line and only takes up as much width as necessary.

Inline Elements
Col 1Col 2Col 3Col 4Col 5Col 6
<a><abbr><acronym> <b><bdo><big>
<br><butgton><cite><code> <dfn<em>
<i><img><input><kbd> <label><map>
<object><q><samp> <script><select><small>
<span><strong><sub> <sup><textarea><time>
<tt><var>