Why inline-flex element with clearfix has a weird white space?

Question

I have a weird behaviour of an inline-flex element when applying a clearfix to it. When I set a clearfix to an element which has an inline-flex dis

Answer 1

Try set a verical-align: top; to your inline-flex | inline-block element to fix this offset.

https://jsfiddle.net/jeca65my/2/

Thank's to @NenadVracar on this solution