CSS - make all elements the same height as the tallest element

Question

I have a problem where I have three floating buttons in a div. one of the buttons has more content that the others, so it\'s taller.

I want to be able to make all bu

Answer 1

You can do this cross browser without display:flex with the CSS rules padding-bottom: 999999em;and margin-bottom: -999999em;on the floated element this will force the webbrowser to render an equal height. And you need an overflow: hidden on the parent element

see demo https://jsfiddle.net/xpdxyaz6/3/