blockquote in list has ugly top 'padding' due to poor clearfix

Created by: Daniel-Hug

Take a look at this demo:

See that ugly spacing above the text in the blockquote? That's because its clearfix is done poorly:

// Quotes
blockquote:before,
blockquote:after {
  content: "";
}

It's missing the essential display: table; that is seen in Nicolas Gallagher's micro clearfix hack.

From that link:

The use of table rather than block is only necessary if using :before to contain the top-margins of child elements.