Html/inlineblock.html at master · sejalphatangare/Html · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>

<body>
	<h2>Inline and Block Elements</h2>
	<!-- Inline elements are the elements which take only space which is used in line -->
	<!-- Block elements are the elements which take the whole space the whole block  -->
	<p style="border: 2px solid red;">This is a Paragraph</p>
	<p style="border: 2px solid red;">This is a also a paragraph</p>
	<span style="border: 2px solid blue;">This is a span</span><span style="border: 4px solid blue;">This is also a
		span</span>
	<strong style="border: 3px solid pink;">This is a strong</strong>
	<a style="border: 2px solid red ;">this is a anchor </a>
</body>

</html>