HTML/position-fixed.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Position Relative</title>
	<style>
		body {
			width: 750px;
			font-family: Arial, Verdana, sans-serif;
			color: #665544;
		}

		h1 {
			position: fixed;
			top: 0px;
			left: 50px;

			padding: 10px;
			margin: 0px;
			width: 100%;
			
			z-index: 10;
			background-color: #efefef;
		}

		p {
			width: 450px;
			position: relative;
			top: 70px;
			left: 70px;
		}
	</style>
</head>
<body>
	<h1>
		The Evolution of the Bicycle
	</h1>
	<p>In 1817 Baron von Drais invented a walking machine that would hep him get around the royal gardens faster. Two same-size in-line wheels, the front one steerable, mounted in a frame upon which you straddled. The device was propelled by pushing your feet against the ground, thus rolling yourself and the device forward in a sort of gliding walk.</p>

	<p class="example">In 1817 Baron von Drais invented a walking machine that would hep him get around the royal gardens faster. Two same-size in-line wheels, the front one steerable, mounted in a frame upon which you straddled. The device was propelled by pushing your feet against the ground, thus rolling yourself and the device forward in a sort of gliding walk.</p>

	<p>In 1817 Baron von Drais invented a walking machine that would hep him get around the royal gardens faster. Two same-size in-line wheels, the front one steerable, mounted in a frame upon which you straddled. The device was propelled by pushing your feet against the ground, thus rolling yourself and the device forward in a sort of gliding walk.</p>

	<p>In 1817 Baron von Drais invented a walking machine that would hep him get around the royal gardens faster. Two same-size in-line wheels, the front one steerable, mounted in a frame upon which you straddled. The device was propelled by pushing your feet against the ground, thus rolling yourself and the device forward in a sort of gliding walk.</p>

	<p>In 1817 Baron von Drais invented a walking machine that would hep him get around the royal gardens faster. Two same-size in-line wheels, the front one steerable, mounted in a frame upon which you straddled. The device was propelled by pushing your feet against the ground, thus rolling yourself and the device forward in a sort of gliding walk.</p>

	<p>In 1817 Baron von Drais invented a walking machine that would hep him get around the royal gardens faster. Two same-size in-line wheels, the front one steerable, mounted in a frame upon which you straddled. The device was propelled by pushing your feet against the ground, thus rolling yourself and the device forward in a sort of gliding walk.</p>

	<p>In 1817 Baron von Drais invented a walking machine that would hep him get around the royal gardens faster. Two same-size in-line wheels, the front one steerable, mounted in a frame upon which you straddled. The device was propelled by pushing your feet against the ground, thus rolling yourself and the device forward in a sort of gliding walk.</p>

	<p>In 1817 Baron von Drais invented a walking machine that would hep him get around the royal gardens faster. Two same-size in-line wheels, the front one steerable, mounted in a frame upon which you straddled. The device was propelled by pushing your feet against the ground, thus rolling yourself and the device forward in a sort of gliding walk.</p>

	<p>In 1817 Baron von Drais invented a walking machine that would hep him get around the royal gardens faster. Two same-size in-line wheels, the front one steerable, mounted in a frame upon which you straddled. The device was propelled by pushing your feet against the ground, thus rolling yourself and the device forward in a sort of gliding walk.</p>
</body>
</html>