Ich kann den richtigen Stil nicht finden. Welches Konzept fehlt mir hier? ⇐ HTML

[Anonymous]

Dies ist das Endprodukt. Ich versuche, die Hintergrundfarbe zu ignorieren, da die Hintergrundfarbe im Browser schwarz ist.


Hier ist meine Testversion.


Hier ist mein HTML und CSS. Bitte lassen Sie mich wissen, welche Konzepte mir fehlen und was ich tun sollte, damit sich dieser grüne Container nicht überall ausbreitet. Auch wenn ich den Inputwrapper entferne, komme ich ziemlich nah dran, aber nicht nah genug.
Hier ist meine HTML-Datei und hier ist meine CSS-Datei.
style.css

Code: Select all

  .container {
width: 100px;
min-height: 200px;
display: block;
border-radius: 12px;
padding-top: 20px;
background-color: green;
padding-left: 50%;
padding-right: 50%;
}

.inputWrapper label {
font-weight: bold;
margin-bottom: 10px;
align-items: flex-end;
justify-content: space-between;
}

/* .inputWrapper {

border: 5px solid darkblue;
width: 300px;
display:block;

} */

und index.html-Datei ist

Code: Select all

  






Practice




Username


Age (Years)


Add User