Inline And Block Level elements in HTML

HTML Block And Inline Elements

Block And Inline ElementsThere 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:

<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><xmp>,<xmp><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.

Online Test / Quiz

Our Tutorials

Html Tutorial HTML
Css Tutorial CSS
Bootstrap 5 Tutorial BOOTSTRAP 5
Bootstrap 4 Tutorial BOOTSTRAP 4
Materialize CSS Tutorial MATERIALIZE CSS
2021-22 © shapeyourpath.com