Skip to content

Instantly share code, notes, and snippets.

@trafnar

trafnar/dual_columns.html

Created June 16, 2011 00:21
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/1028451 to your computer and use it in GitHub Desktop.
Save trafnar/1028451 to your computer and use it in GitHub Desktop.
Download ZIP
dual columns
Raw
dual_columns.html
<!DOCTYPE html>
<html>
<head>
<title>Dual Columns</title>
<style type="text/css" media="screen">
*{margin:0; padding:0;}
body{font-size:18px;}
#container{overflow:hidden; width:500px; background-color:Tomato; margin:50px auto;}
#container #first_column{width:250px; float:left; background-color:DarkSalmon;}
#container #second_column{width:250px; float:right; background-color:DarkKhaki;}
</style>
</head>
<body>
<div id="wrap">
<div id="container">
<div id="first_column">Column One</div>
<div id="second_column">Column Two</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment