CSS Boxmodell

[Linuchs]

Liebe Self-ler,

ich entwerfe ein Formular. Innerhalb der Box Angaben zum Chor mit ihrem padding sollen die input-Felder hineinpassen.

Jedoch die Angabe width:100% geht über den Rahmen hinaus.

  <div id="sender">
  <style scoped>
    #sender {
      order: 2;
      width: 48%;
      box-sizing: border-box;
    }
    #sender p {
      color: #888;
    }
  </style>

<input
required
type        = "text"
name        = "chor_name"
maxlength   = "30"
style       = "width:100%"
value       = ""
placeholder = "Shanty-Chor"

>

Wo ist der Fehler?

Gruß, Linuchs