Не могу подобрать правильный стиль, какую концепцию мне здесь не хватает? ⇐ Html

[Anonymous]

Это конечный продукт, я пытаюсь игнорировать цвет фона, поскольку цвет фона в браузере черный.
введите здесь описание изображения
Вот моя пробная версия.
введите здесь описание изображения
Вот мой HTML и CSS. Пожалуйста, дайте мне знать, какие концепции мне не хватает и что мне следует сделать, чтобы этот зеленый контейнер не распространялся повсюду. Кроме того, если я удалю inputwrapper, я подберусь довольно близко, но недостаточно близко.
Вот мой HTML-файл и вот мой CSS-файл.
style.css
.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;

} */

и файл index.html







Practice




Username


Age (Years)


Add User








Подробнее здесь: https://stackoverflow.com/questions/708 ... ssing-here