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

How to check data type in C++? -

javascript - Is getTimezoneOffset() stable during daylight saving transition? -

sql server - SQL Query returns one result, does not return 0 or NULL result -