Ширина метки css не действует

У меня есть общая форма, которую я хотел бы стилизовать, чтобы выровнять метки и поля ввода. По какой-то причине, когда я задаю ширину селектору меток, ничего не происходит:

HTML:

CSS:

#report-upload-form {
    background-color: #316091;
    color: #ddeff1;
    font-weight:bold;
    margin: 23px auto 0 auto;
    border-radius:10px;
    width: 650px;
    box-shadow:  0 0 2px 2px #d9d9d9;
}

#report-upload-form label {
    padding-left:26px;
    width:125px;
    text-transform: uppercase;
}

#report-upload-form input[type=text], 
#report-upload-form input[type=file],
#report-upload-form textarea {
    width: 305px;
}

Вывод:

enter image description here

jsFiddle

Что я делаю неправильно?

104
задан Ian Boyd 21 November 2019 в 14:54
поделиться