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

[Daniel-Hug]

Take a look at this demo:

http://jsbin.com/hawabi/1/edit?html,output

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.

[mdo]

That's not a clearfix—it's to remove browser-set quotes around <blockquote> elements. I don't remember what browsers or OSes set that, but I'll check it out. Seems like it might be unnecessary.