Skip to content

Instantly share code, notes, and snippets.

@CarlosLCervantes
Created August 27, 2014 00:29
Show Gist options
  • Save CarlosLCervantes/f3c44e4fee5370846f94 to your computer and use it in GitHub Desktop.
Save CarlosLCervantes/f3c44e4fee5370846f94 to your computer and use it in GitHub Desktop.
2 Column Floating Div Same Height CSS Solution
<div class="row two-col">
<div class="col-xs-6 col-sm-2">
<img src="https://s3-us-west-1.amazonaws.com/airenvyassets/return_key.png" class="img-responsive" />
</div>
<div class="col-xs-6 col-sm-10 contrast-box">
<span>Don't forget to return the key!</span>
1) $50 fee for unreturned keys <br />
2) Checkouts after 11AM are charged $50/hr
</div>
</div>
div.two-col {
display: table;
div {
float: none;
display: table-cell;
vertical-align: bottom;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment