-
-
Save navarr/309212 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> | |
<title>Peanut Butter and Jelly Sandwich</title> | |
<style type="text/css"> | |
body { | |
margin: 0px; | |
padding: 0px; | |
} | |
#header { | |
background: #fff; | |
width: 800px; | |
height: 100px; | |
} | |
#leftcol { | |
background: #fff; | |
float: left; | |
width: 150px; | |
height: 500px; | |
} | |
#content { | |
background: #fff; | |
float: left; | |
width: 650px; | |
height: 350px; | |
} | |
#rightcol { | |
background: #fff; | |
float: left; | |
width: 150px; | |
height: 350px; | |
} | |
#footer { | |
background: #fff; | |
width: 800px; | |
height: 100px; | |
} | |
</style> | |
</head> | |
<body> | |
<div id="header"><h1>Recipes For You!</h1></div> | |
<div id="leftcol"> | |
</div> | |
<div id="content"> | |
<h3>Peanut Butter and Jelly Sandwich</h3> | |
<ul id="ingredients"> | |
<li>2 slices bread</li> | |
<li>1 <abbr title="Tablespoon">T</abbr> peanut butter</li> | |
<li>1 <abbr title="Tablespoon">T</abbr> jelly</li> | |
</ul> | |
<p>Using knife, spread peanut butter on one slice of bread. Using a clean knife, | |
spread jelly on the other slice. Put slices together so that the peanut butter | |
and jelly meet. If desired, cut into squares or triangles.</p> | |
</div> | |
<div id="rightcol" align="right"> | |
</div> | |
<div id="footer"> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment