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'll need either tables or CSS tables.

CSS tables should be supported by all browsers except IE7 and below.