<!DOCTYPE html>
<html lang="en">

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

	<style>
		h1 {
			color: #006600;
			text-align: center;
		}

		span {
			border: 2px solid #040804;
			background-color: #EEB0B0;
		}

		a {
			border: 2px solid #040804;
		}
	</style>
</head>

<!-- Whatever content in body tag
	appears on the webpage-->
<body>
	<div class="container">
		<h1>Davron_js</h1>
		
<p>
			Bu <span>span element </span>
			<span>va </span><b>bu</b> esa
			<a href="#">link</a> qaysiki, inline elementga misol bo'la oladigan, faqat o'zlari uchun kerakli joyni egallaydifan.
		</p>
	</div>
</body>

</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.