Skip to content

Instantly share code, notes, and snippets.

@trafnar

trafnar/grid.html

Created June 16, 2011 00:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save trafnar/1028453 to your computer and use it in GitHub Desktop.
Save trafnar/1028453 to your computer and use it in GitHub Desktop.
Download ZIP
grid
Raw
grid.html
<!DOCTYPE html>
<html>
<head>
<title>Grid</title>
<style type="text/css" media="screen">
*{margin:0; padding:0;}
body{font-size:18px;}
#container{overflow:hidden; width:510px; background-color:Tomato; margin:50px auto;}
#container ul{list-style-type:none; margin-right:-10px;}
#container ul li{width:120px; height:120px; float:left; margin-right:10px; margin-bottom:10px; background-color:Turquoise;}
</style>
</head>
<body>
<div id="wrap">
<div id="container">
<ul>
<li>Box</li>
<li>Box</li>
<li>Box</li>
<li>Box</li>
<li>Box</li>
<li>Box</li>
<li>Box</li>
<li>Box</li>
<li>Box</li>
<li>Box</li>
<li>Box</li>
</ul>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment