Firefox unexpected line break using floats & overflow hidden

Question

I have a container div that holds two items: a .button and a .box with text inside. .button comes first and is floated right. .b

Answer 1

I came across this issue today where the floating node would break line only in Firefox even after setting its display to inline-block and the reason for that was that the container node had a style setting of white-space set to nowrap. So resetting the value of white-space to normal on the container node resolved this issue for me.