How to stop elements from wrapping when I zoom page?

Question

I have been working on a website. The problem is when I change the resolution of the page with the browser(CTRL -/ + OR CTRL ZOOM), the last button overflows to downwards. I tried overflow:hidden but I couldn't solve it. And also I realized that in some computer, depending on the resolution the button overflow to downwards also even though I don't zoom it.

Without Zoom

With Zoom

Answer 1

Try adding white-space: nowrap; to the element that contains the menu items.