How to make text input box to occupy all the remaining width within parent block?
How do achieve the following:

    ┌────────────────────parent────────────────────┐
    │ label [text-box                   ] [button] │
    │ paragraph                                    │
    └──────────────────────────────────────────────┘

 - `label` is aligned to the left
 - `button` is aligned to the right
 - `text-box` occupies all remaining width within parent
 - `paragraph` is aligned to the left, must be left-aligned with `label` too

Both `label` and `button` should obey font properties defined elsewhere as maximum as possible. `parent` is center-aligned within window, and, naturally, can have arbitrary width.

Please advise.

How to make text input box to occupy all the remaining width within parent block?
===

How do achieve the following:

    ┌────────────────────parent────────────────────┐
    │ label [text-box                   ] [button] │
    │ paragraph                                    │
    └──────────────────────────────────────────────┘

 - `label` is aligned to the left
 - `button` is aligned to the right
 - `text-box` occupies all remaining width within parent
 - `paragraph` is aligned to the left, must be left-aligned with `label` too

Both `label` and `button` should obey font properties defined elsewhere as maximum as possible. `parent` is center-aligned within window, and, naturally, can have arbitrary width.

Please advise.
