This is a block of *unknown* width. I set its width to 600px, but assume it is only an example.

This is a block of *known* width that I want to center horizontally, right after the red block, within the general container.

Note it is currently centered by JavaScript. Turn off JavaScript and it won't be centered. I am looking for a CSS only solution.

Here is still some more content.