HTML Block And Inline Elements
HTML block and inline elements -There are two types of building block elements in HTML namely block-level element and inline-level element.
Block-level element covers the full width of the document and it has top and bottom margins also. Every block-level element starts with a new line.
List of all HTML block level elements
Followings are the block level elements like:
<![CDATA[<p>]]>,
<![CDATA[<h2>]]>,
<![CDATA[<h3>]]>,
<![CDATA[<h4>]]>,
<![CDATA[<h5>]]>,
<![CDATA[<h6>]]>,
<![CDATA[<ol>]]>,
<![CDATA[<ul>]]>,
<![CDATA[<pre>]]>,
<![CDATA[<address>]]>,
<![CDATA[<blockquote>]]>,
<![CDATA[<dl>]]>,
<![CDATA[<div>]]>,
<![CDATA[<fieldset>]]>,
<![CDATA[<form>]]>,
<![CDATA[<hr>]]>,
<![CDATA[<noscript>]]>,
<![CDATA[<table>]]>.
The inline HTML element only covers the required space. Id does not cover full width. Inline block element width depends upon the size of the available text. These elements do not start with a new line.
List of HTML inline block elements
Followings are the inline block level elements like:
<![CDATA[<a><xmp>,<xmp><abbr>]]>,
<![CDATA[<acronym>]]>,
<![CDATA[<b>]]>,
<![CDATA[<bdo>]]>,
<![CDATA[<big>]]>,
<![CDATA[<br>]]>,
<![CDATA[<button>]]>,
<![CDATA[<cite>]]>,
<![CDATA[<code>]]>,
<![CDATA[<dfn>]]>,
<![CDATA[<em>]]>,
<![CDATA[<i>]]>,
<![CDATA[<img>]]>,
<![CDATA[<input>]]>,
<![CDATA[<kbd>]]>,
<![CDATA[<label>]]>,
<![CDATA[<map>]]>,
<![CDATA[<object>]]>,
<![CDATA[<output>]]>,
<![CDATA[<q>]]>,
<![CDATA[<samp>]]>,
<![CDATA[<select>]]>,
<![CDATA[<small>]]>,
<![CDATA[<span>]]>,
<![CDATA[<strong>]]>,
<![CDATA[<sub>]]>,
<![CDATA[<sup>]]>,
<![CDATA[<textarea>]]>,
<![CDATA[<time>]]>,
<![CDATA[<tt>]]>,
<![CDATA[<var>]]>.
The inline HTML element only covers the required space. Id does not cover full width. Inline block element width depends upon the size of the available text. These elements do not start with a new line.
