Skip to content

Instantly share code, notes, and snippets.

@facebook
Created February 19, 2010 19:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save facebook/309104 to your computer and use it in GitHub Desktop.
Save facebook/309104 to your computer and use it in GitHub Desktop.
<!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>
2 slices bread<br>
1 T peanut butter<br>
1 T jelly<br>
&nbsp;<br>
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.
</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