Welcome Guest! (App Version 3.1)

websitnero logo name

Block Elements

Overview

  • There are 2 types of elements in HTML - Block & Inline.
  • Block elements take full horizontal width available.
  • Div, Paragraph, Section, Article, Aside, etc. are all Block-Elements.
  • Block elements can be made 'inline' using display CSS Property.

Block Elements in HTML

Block elements are those elements which take full horizontal space on a web page. Their behavior is exactly opposite to inline elements.

<div>Div is a block element.</div>

<p>Paragraph is a block element.</p>

Block elements do not stack together in the same line or with other elements. When you add multiple block elements one after another -- each will go in a separate line.

Example

<body>
  <p>This is a paragraph.</p>
  <div>This is a div.</div>
  <section>This is a section.</section>
</body>
Further Reading

1. Block-level elements

WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.