<b> Elementos de nível de bloco </b> são formatados visualmente como blocos, eles têm largura e altura definíveis e criam automaticamente uma nova linha no layout à medida que são criados.
<b> Elementos embutidos </b> são exibidos dentro do bloco atual na mesma linha. Eles não têm altura e largura definíveis e não criarão novas linhas em um layout.
<b> Elementos de nível de bloco comuns </b>
<button> push button
<caption> table caption
<div> generic language/style container
<form> interactive form
<h1> heading
<h2> heading
<h3> heading
<h4> heading
<h5> heading
<h6> heading
<hr> horizontal rule
<iframe> inline subwindow
<li> list item
<map> client-side image map
<object> generic embedded object
<ol> ordered list
<p> paragraph
<pre> preformatted text
<table> table
<tbody> table body
<td> table data cell
<tfoot> table footer
<th> table header cell
<thead> table header
<tr> table row
<ul> unordered list<b> Elementos inline comuns </b>
<a> anchor
<acronym> acronym
<b> bold text style
<br> forced line break
<cite> citation
<em> emphasis
<i> italic text style
<img> Embedded image
<input> form control
<ins> inserted text
<label> form field label text
<q> short inline quotation
<select> option selector
<small> small text style
<span> generic language/style container
<strong> strong emphasis
<textarea> multi-line text field<b> Dimensões para elementos inline </b>
<b> Largura </b>
Para elementos embutidos, não substituídos, a propriedade ‘largura’ não se aplica.
<b> Altura </b>
Para elementos embutidos e não substituídos, a propriedade ‘height’ não se aplica, mas a altura da caixa é fornecida pela propriedade ‘line-height’.
<b> Preenchimento </b>
O preenchimento pode ser aplicado a todos os lados de um elemento embutido, mas apenas o preenchimento esquerdo e direito terão efeito no conteúdo circundante.
<b> Margens </b>
As margens podem ser aplicadas a todos os lados de um elemento embutido, mas apenas as margens esquerda e direita terão efeito no conteúdo circundante.