Skip to content

Instantly share code, notes, and snippets.

@fiximportant
Last active May 18, 2017 16:40
Show Gist options
  • Save fiximportant/6d27a78b97495ab3ffd0371b41c77809 to your computer and use it in GitHub Desktop.
Save fiximportant/6d27a78b97495ab3ffd0371b41c77809 to your computer and use it in GitHub Desktop.
Vertical Align - INB
<style>
.father {
height: 100vh;
}
.father:before {
content: '';
width: 0;
height: 100%;
display: inline-block;
vertical-align: middle;
}
.child {
display: inline-block;
vertical-align: middle;
}
</style>
<div class="father">
<div class="child">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, cupiditate iste. Porro deserunt illum non, maiores nemo fugit, culpa quis sed quasi animi, ab rerum quia iure eum ipsam laborum?
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment