gearmobile/equal-height

Created May 28, 2015 18:08

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/gearmobile/ea5107142b7dfd26b491.js"></script>
Save gearmobile/ea5107142b7dfd26b491 to your computer and use it in GitHub Desktop.

Download ZIP

Block Equal Height

Raw

equal-height

 HTML:
 <div class="square">
   <span class="square_dummy"></span>
   <span class="square_element">Content</span>
 </div>
 CSS:
 .square {
   display: inline-block;
   position: relative;
   width: 55%;
 }
 .square_dummy {
   margin-top: 100%;
   display: block;
 }
 .square_element {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
 }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment