css - Firefox: floating element in dropdown showing wrong -


see here: codepen.io/arnaudfabs/pen/waxwjlenter code here

i using zurb foundation 5 build mega menu. need item name , price on same line each product.

i added span float right price , shows on chrome , ie.

in firefox, price going out of li tag , not clickable.

see pictures:

good: enter image description here

bad: enter image description here

any thoughts on do?? thanks!

removing style white-space: nowrap; on .top-bar-section .dropdown li a seems fix problem in firefox.

or override this:

.top-bar-section .dropdown li a{     white-space: normal; } 

Comments

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

Android soft keyboard reverts to default keyboard on orientation change -

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -