Skip to content

Instantly share code, notes, and snippets.

@lauhakari

lauhakari/vertically-center-modal.css

Last active February 16, 2022 02:53
Show Gist options
  • Save lauhakari/e5cbe6edc099f396b636ae6ef8ce9e2e to your computer and use it in GitHub Desktop.
Save lauhakari/e5cbe6edc099f396b636ae6ef8ce9e2e to your computer and use it in GitHub Desktop.
Download ZIP
Vertically centered modal
Raw
vertically-center-modal.css
.modal {
text-align: center;
padding: 0!important;
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.modal-dialog {
display: inline-block;
vertical-align: middle;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment