Skip to content

Instantly share code, notes, and snippets.

@ajaswa

ajaswa/centered.css

Last active October 12, 2015 01:07
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save ajaswa/3947564 to your computer and use it in GitHub Desktop.
Save ajaswa/3947564 to your computer and use it in GitHub Desktop.
Download ZIP
vertical align content
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