-
-
Save akrug23/7d06fe59d51227a69fc23b8458a63e05 to your computer and use it in GitHub Desktop.
Vertical Alignment Center fuild
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container:before { | |
| content: ""; | |
| display: inline-block; | |
| height: 100%; | |
| vertical-align: middle; | |
| } | |
| .box { | |
| width:50%; | |
| display: inline-block; | |
| vertical-align: middle; | |
| background: #ff3399; | |
| padding: 15px; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="box"> | |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur explicabo iure dicta quis numquam iste assumenda pariatur recusandae totam nihil. Suscipit itaque tenetur quasi, non accusantium repellendus consequuntur amet, quia. | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment