@@jbaben

mit dem gezeigten HTML-Code habe ich ein Problem

Mehrere.

Zunächst einmal haben die Eingabefelder keine Beschriftung. Visuell ist das was, es fehlt aber die Zuodnung, damit die Beschriftung auch zugänglich ist. Die stellst du mit label-Element mit for-Attribut und id fürs Eingabefeld her, siehe Benutzereingaben zugänglich gestalten: Beschriftungen.

Warum sollen die beiden Eingabefelder nebeneinander stehen? Generell ist das keine gute Idee; Eingabefelder sollten untereinander stehen. In begründeten Ausnahmefällen mag man davon abweichen; den sehe ich hier aber nicht.

Ein Oberbegriff für city und town und auch noch kleinere Gemeinden ist locality. Vielleicht magst du den verwenden?

Das nächste Problem sind die Inline-Styles. Die machen den Code unübersichtlich. Außerdem musst du dieselben Formatierungen für jedes Eingabefeld angeben. Stil-Angaben im externen Stylesheet oder im style-Element lösen beide Probleme.

Was genau willst du erreichen? Das PLZ-Eingabefeld soll so breit wie angegeben sein, das für den Ort die restliche Breite einnehmen?

Es war mir zu mühsam, deinen Code aufzuräumen, neu bauen ging schneller: Codepen: flexbox.
Einige Formatierungen von dir hab ich übernommen, den Rest überlasse ich dir.

Ein paar Augenblicke hab ich aber doch gebraucht, das mit Flexbox zu implementieren. Mit Grid geht’s einfacher: Codepen: grid.

Was noch zu tun ist:

• Die 4ch Breite für die PLZ sind zu knapp bemessen; da sollten ein paar mehr Zeichen reinpassen, nicht wahr?
• Bei schmalem Viewport (Browserfenster) wird das Feld für den Ort zu schmal, dann sollten beide Eingabefelder untereinander stehen. (Wie bei breitem Viewport eigentlich auch, s.o.)

🖖 Live long and prosper