Skip to content

Instantly share code, notes, and snippets.

@raws
Created December 2, 2011 01:57
Show Gist options
  • Save raws/1421365 to your computer and use it in GitHub Desktop.
Save raws/1421365 to your computer and use it in GitHub Desktop.
Middle column demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Middle Column Demo</title>
<style type="text/css" media="screen">
body {
margin: 0;
background: rgb(41, 61, 83);
}
#container {
width: 800px;
margin: 0 auto;
padding: 1em;
background: white;
}
</style>
</head>
<body>
<div id="container">
<h1>Here is a Title</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu felis massa, nec semper est. Aliquam erat volutpat. Mauris tempor, risus sed fermentum aliquam, odio ligula elementum dui, ac placerat neque felis vitae mi. Duis mollis ullamcorper tristique. Nunc id purus lobortis sem placerat pretium sed viverra lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam arcu dolor, pulvinar sed faucibus a, faucibus ac lectus. Sed posuere mauris turpis. Sed porttitor placerat nisl, ac tristique libero tempus sit amet. Ut pulvinar viverra purus, at vulputate nibh iaculis quis. Vivamus aliquet, nisl quis semper bibendum, sem metus consectetur nisl, in pretium ante risus id libero. Integer quis lacus felis.</p>
<p>Praesent placerat dolor suscipit diam commodo sollicitudin. Quisque nibh urna, suscipit a hendrerit sed, gravida interdum metus. Aliquam laoreet enim vel mauris ultrices laoreet. Vivamus feugiat vulputate pulvinar. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque aliquet lobortis adipiscing. Nam nibh orci, sollicitudin sit amet blandit sed, adipiscing in nibh. Vestibulum eget velit vitae libero semper feugiat. Integer pharetra, quam ac pellentesque consectetur, urna ipsum lacinia turpis, sit amet interdum neque sapien eget arcu. Suspendisse imperdiet sollicitudin neque, ut molestie sem vehicula vel. Aliquam accumsan porta neque, vitae malesuada nulla aliquam vel.</p>
<p>Vestibulum elit nisl, dignissim vel dapibus sit amet, luctus ac turpis. Donec pulvinar, sapien in facilisis condimentum, augue risus vehicula metus, sit amet sagittis magna velit id tellus. Sed vel dapibus ante. Vestibulum pellentesque tristique orci, vitae lobortis elit consequat vitae. Aliquam varius tortor quis ante convallis ac lobortis tortor fringilla. Ut at porttitor velit. Maecenas egestas, libero id laoreet consequat, massa ante commodo lorem, id tristique sapien metus sit amet ipsum. Quisque cursus feugiat pellentesque. Proin sit amet mi nibh, et hendrerit lacus.</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment