BLOCK ELEMENTS IN HTML

 BLOCK ELEMENTS IN HTML

👉 On this blog We cover a Block Elements In HTML. 

✅ Block elements means its cover a 100% width of elements like DIV elements and other we will show you..

<address>

<article>

<aside>

<blockquote>

<canvas>

<dd>

<div>

<dl>

<dt>

<fieldset>

<figcaption>

<figure>

<footer>

<form>

<h1>-<h6>

<header>

<hr>

<li>

<main>

<nav>

<noscript>

<ol>

<p>

<pre>

<section>

<table>

<tfoot>

<ul>

<video>✔

Here we show you Which is Block and Inline Elements

<!-- Address Elements -->

<address> <strong> ADDRESS ELEMENT </strong> <br> Coding with Negi <br> 

123 Street No. 1 Delhi <br> INDIA</address>

<!-- ARTICLE -->

<article> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel aliquam lorem. Pellentesque facilisis eget odio ac hendrerit. Duis in pulvinar ex. Nunc ultrices ligula ut sem tincidunt, quis imperdiet orci mattis. Curabitur eget dui dui.</article> <br> <br>

<!-- form -->

<form action="form.php" target="_blank" method="POST">

<fieldset>

<legend>Personal Information</legend>

<label for="firstname"> First Name</label>

<input type="text" name="firstname" id="firstname"> <br> <br>

<label for="lastname"> Last Name</label>

<input type="text" name="lastname" id="lastname"> <br> <br>

<label for="emailid"> Email ID</label>

<input type="text" name="emailid" id="emailid"> <br> <br>

<label for="DOB"> Last Name</label>

<input type="date" name="DOB" id="DOB"> <br> <br>

<input type="button" name="submit" value="submit"> <br> <br>

</fieldset>

</form>

Example:

Thanku: