Inline and Block Elements in HTML

 <!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Inline and Bloc Elements</title>
</head>

<body>
</body>
<!--Below paragraph tag is Block Element because it occupies whole line space as shown below-->
<!--Below strong tag, anchor tag, span tag are Inline Element because it occupies only required space as shown below-->
<p style="border: 2px solid red;">This is a paragraph</p>
<strong style="border: 2px solid brown;">This is a strong paragraph</strong>
<a style="border: 2px solid blue;">This is a anchor paragraph</a>
<p style="border: 2px solid blue;">This is also a paragraph</p>
<span style="border: 2px solid brown;">This is another span paragraph </span> <span
    style="border: 2px solid brown;">This is
    also a another span paragraph</span>

</html>



Comments

Post a Comment