Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
/**
* We need to clear floats for the container so that it wraps
* the content nicely.
*
* Clearfix technique from http://nicolasgallagher.com/micro-clearfix-hack/
*/
.chip:before,
.chip:after {
content: " ";
display: table;
}
.chip:after {
clear: both;
}
.chip__img {
float: left;
width: 20%;
}
.chip__info {
float: left;
width: 50%;
margin: 0 5%;
}
.chip__action {
float: right;
width: 20%;
margin-top: 7px; /* Magic number to get vertical centering of the button right */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment