Fun with labels and stuff

Z. B. Einheit im Input

cm in Input

Input type number

cm

Input type text

cm

Klappt! Das vertikale Padding macht die Größe. Es passt sich alles an.

Select

Select

Stk.

Klappt in Chrome, padding unwirksam in Safari.

Technik

.unit ist flex und vertkal, und damit ist der Text mittig hor. und vert.
Die Höhe erfolgt nur per Padding des Input.

Vorteile:

Alles nur CSS, kein JS

Nachteile:

...