Skip to content
Snippets Groups Projects
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
domExample.html 824 B
<!DOCTYPE html>
<html>
<head>
	<title>
	Shape Shed - Examples - CSS + DOM = A Beautiful Couple
	</title>  

	<style type="text/css" media="screen">@import "domExample.css";</style>

</head>
<body id="front-door">

	<div id="kitchen">
		<div id="fridge">
			<p>Extra Pulp OJ</p>
		</div>
		<div id="freezer">
			<p>Ice Cream</p>
		</div>
	</div>
	
	<div id="lounge">
		<div id="sofa">
			<p>Newspaper</p>
		</div>
		<div id="chair">
			<p>Cushion</p>
		</div>
	</div>
	
	<div id="bedroom">
		<div id="bed">
			<p>Duvet</p>
		</div>
		<div id="lamp">
			<p>Lightbulb</p>
		</div>
	</div>
	
	<div id="bathroom">
		<div id="shower">
			<p>Shower Gel</p>
		</div>
		<div id="sink">
			<p>Soap</p>
		</div>
	</div>
	<h1>What's this all about</h1>
	<p>This is an example showing CSS and the DOM used together. </p>
</body>

</html>