Horje

Example of HTML Block-level Elements

Two commonly used block elements are: <p> and <div>. The <p> element defines a paragraph in an HTML document. The <div> element defines a division or a section in an HTML document.
index.html
Example: HTML
<!DOCTYPE html>
<html>
<body>

<p style="border: 1px solid black">Hello World</p>
<div style="border: 1px solid black">Hello World</div>

<p>The P and the DIV elements are both block elements, and they will always start on a new line and take up the full width available (stretches out to the left and right as far as it can).</p>

</body>
</html>

Output should be:

Example of HTML Block-level Elements



Single Articles
Example of HTML Block-level ElementsHTML Block and Inline Elements
Example of HTML Inline ElementsHTML Block and Inline Elements


Related Articles
What is HTML Block and Inline Elements HTML Block and Inline Elements
How to create HTML Block-level Elements HTML Block and Inline Elements
How to create HTML Inline Elements HTML Block and Inline Elements
How to crearte The <div> Element in HTML HTML Block and Inline Elements
How to create The <span> Element in HTML HTML Block and Inline Elements

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML Block and Inline Elements
Uploaded by:
Admin