contact-chip--floats.css

/**
 * 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 */
}