Skip to content

Instantly share code, notes, and snippets.

@jrhorn424

jrhorn424/centered.css

Forked from ajaswa/centered.css
Last active August 29, 2015 14:07
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 jrhorn424/1a29a0cca042b9ea4bc3 to your computer and use it in GitHub Desktop.
Save jrhorn424/1a29a0cca042b9ea4bc3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
centered.css
body {
width: 100%;
height: 500px;
margin: 0;
padding: 0;
text-align: center;
}
body:before {
display: inline-block;
content: ' ';
height: 100%;
vertical-align: middle;
}
.centered {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.centered .content {
width: 400px;
}
Raw
index.html
<!doctype html>
<html>
<head>
<link href="centered.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="centered">
<div class="content">
<p>Bacon ipsum dolor sit amet tri-tip shank frankfurter t-bone fatback. Drumstick kielbasa short loin swine pork belly pork loin capicola shoulder fatback corned beef turducken jowl andouille jerky strip steak. Turkey sausage pig salami spare ribs pork chop brisket tri-tip shoulder. Short ribs ribeye frankfurter beef ribs, capicola pig jowl fatback. Tail ham spare ribs turkey turducken tenderloin. Leberkas pork swine, bresaola jowl salami sirloin tail.</p>
<p>Pork shankle tri-tip pastrami bacon shoulder spare ribs ground round meatloaf meatball ball tip chuck chicken. Spare ribs turkey sausage turducken pork loin beef ribs. Jerky leberkas ham hock biltong. Shoulder prosciutto meatloaf short loin. Bresaola fatback pork belly chuck andouille, ham hock doner.</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment