HTML Block And Inline Elements

HTML Block And Inline Elements - There are two types of building block elements in HTML namely block-level elements and inline-level elements.

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:
<p>, <h2>, <h3>, <h4>, <h5>, <h6>, <ol>, <ul>, <pre>, <address>, <blockquote>, <dl>, <div>, <fieldset>, <form>, <hr>, <noscript>, <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:
<a>, <abbr>, <acronym>, <b>, <bdo>, <big>, <br>, <button>, <cite>, <code>, <dfn>, <em>, <i>, <img>, <input>, <kbd>, <label>, <map>, <object>, <output>, <q>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <textarea>, <time>, <tt>, <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.