Skip to content

Instantly share code, notes, and snippets.

@plugn

plugn/modal-center..html

Created January 15, 2019 17:03
Show Gist options
  • Save plugn/2524b3befe311297bd8156a5bc697ee8 to your computer and use it in GitHub Desktop.
Save plugn/2524b3befe311297bd8156a5bc697ee8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
modal-center..html
<!DOCTYPE html>
<html>
<head><style>
.outer {
display: table;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.inner {
margin-left: auto;
margin-right: auto;
width: 400px;
/*whatever width you want*/
}
</style></head>
<body>
<div class="outer">
<div class="middle">
<div class="inner">
<h1>The Content</h1>
<p>Once upon a midnight dreary...</p>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment