How to avoid text wrap when the parent element has position absolute?

Question

I have this structure:

Answer 1

Very simple:

Force the white space in the child lis to not wrap:

nav > ul[_v-2e9e2f12] > li {
  white-space: nowrap;
}

Demo: https://jsfiddle.net/d9jm82cb/7/