#CSS - The Great Tree of HTML// source http://jsbin.com/nehat/1

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>The Great Tree of HTML</title>
	<style id="jsbin-css">
div {
	border-radius: 5px;
	border: 2px solid #6495ED;
	background-color: #BCD2EE;
	height: 18px;
	text-align: center;
	font-family: Garamond, serif;
}

#p1 {
	display: inline;
	position: relative;
	margin-left: 138px;
}

#p2 {
	display: inline;
	position: relative;
	margin-left: 10px;
}

#p3 {
	display: inline;
	position: relative;
	margin-left: 10px;
}

#div {
	display: inline;
	position: relative;
	margin-left: 70px;
	margin-top: 10px;
}

#title {
	display: inline;
	position: relative;
	margin-left: 50px;
}

#body {
	display: inline;
	position: relative;
	margin-left: 25px;
}

#head {
	display: inline;
	position: relative;
	margin-left: 65px;
}

#html {
	width: 50px;
	position: relative;
	margin-left: 93px;
}

.space {
	opacity: 0;
}
</style>
</head>
	<body>
		<div id="p1">P</div>
		<div id="p2">P</div>
		<div id="p3">P</div>
		<div class="space"></div>
		<div id="title">Title</div>
		<div id="div">Div</div>
		<div class="space"></div>
		<div id="head">Head</div>
		<div id="body">Body</div>
		<div class="space"></div>
		<div id="html">HTML</div>