Equal height for parallel list items using CSS -


i have situation click here

according text length, buttons height changes. when want parallel button height made equal of first 1 (not of buttons of parallel button).

i approach in 1 of 2 ways - either using jquery (fiddle - notice need wrap each button pair in own ul - if don't jquery more complicated) or cheating , dropping in background image gives effect of you're after - done, again, wrapping each button pair in own ul , dropping in background image containing vertical lines wrap them - 'cap off' each column adding starting , finishing li elements graphical end caps.

i understand want go css only, can't think of way done. there may involving careful balancing of max-height, min-height, , height... can't think of how work @ moment.


Comments

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

reactjs - React router and this.props.children - how to pass state to this.props.children -

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -