CSS, layout. 4 blocks. 1 stretches depending on the behavior of the other 2. How?

Question

css

Hey! Need help with layout.

The picture shows a diagram:



The width of the entire document, the distance between blocks and the 3rd block have a fixed width.
Here on the left and right are blocks with texts (“Some Text 1” and “Some Text 2”), the width of which changes if you select a different language (Russian, English, French ... etc.). Depending on the width of blocks with texts, the width of “Some Input” should change. Tell me, please, how the layout will look like.

Answer 1

Now I'm probably being stumbled, but even so, the easiest way to do this is with a table. Each of your 7 blocks is a separate table cell.

Answer 2

I support the answer above: in this case it is better/more logical/more convenient to use a table.

Answer 3

Can be solved with negative margins by nesting multiple times.

Answer 4

Thanks for answers!