100% breites Input Element

hackepeter

Grünschnabel
Guten Abend,

folgender Code
Code:
<div style="width: 200px; border: 2px solid green;">
<label style="display: inline-block; width: 100%;">
	<strong style="display: inline-block;">Label:</strong>
	<input type="text" style="display: inline-block; border: 6pt solid red; width: 100%;"/></label>
</div>

folg. Vorraussetzung:
die CSS-Angabe für das Input-Feld ist "width: 100%". Daran lässt sich nicht rütteln.

und folg. Problem:
Nun überlappt natürlich das Inputfeld (roter Rahmen) den äußeren Container (grüner Rahmen).

Ist es möglich, das Inputfeld so auszurichten, dass es sich genau in den grünen Rahmen anschmiegt?

Wenn ja, wie? Danke im Voraus!

ERLEDIGT
 
Zuletzt bearbeitet:
Zurück