Skip to content

Instantly share code, notes, and snippets.

@cnmoro

cnmoro/Center content inside div (vertically, horizontally)

Created January 16, 2019 17:29
Show Gist options
  • Save cnmoro/1ad89d05020f2fa812ab9b9e9d7c3738 to your computer and use it in GitHub Desktop.
Save cnmoro/1ad89d05020f2fa812ab9b9e9d7c3738 to your computer and use it in GitHub Desktop.
Download ZIP
Center content inside div (vertically, horizontally)
Raw
Center content inside div (vertically, horizontally)
Vertical:
div {
display: -webkit-flex;
display: flex;
align-items: center;
}
<div>
Your text here.
</div>
---------
Horizontal:
div {
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
<div>
Your text here.
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment