How can I make the next non-flexbox div be on the same line as the flexbox div in flexbox?

Question

css

Here I have a logo and numbers located inside the header tag and inside the div, which has display flexbox

. And then there is a nav tag outside the header tag with buttons that are visible on the screen. How can I make the menu with the nav tag
stand on line 1 with a headerom inside which the elements are in a flexbox div.
In general, in theory, this is not semantically correct if they are on the same line, but if I need both the logo and the menu to be on the same line, then what should I do in such cases? Push nav into header? After all, the header in any way should be, as in principle nav.

Answer 1

https://codepen.io/topicstarter/pen/yxqwEP this is how it's done