Two columns with variable width and a fixed gap between them

Question

I need to style two columns dynamically. They should have a width of 50% each, but a fixed gap of 10px between them.

When I collapse my menu the columns should widen to

Answer 1

you can use this

in html

this works in FF