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

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -

javascript - Restarting Supervisor and effect on FlaskSocketIO -

php - Mongodb connectivity error -