Как центрировать форму, тип ввода = элемент файла ⇐ CSS

[Anonymous]

Мне не удается найти центрирование элемента input type="file". Его ширина составляет 100 %, а ширина формы — 30 % всего экрана.

Код: Выделить всё

Face Recognition





[img]Download[/url]

Face Recognition


Choose Your Image

Код: Выделить всё

body{
background-color: black;
color: white;
}

a{
background-color: white;
}
h1{
display: flex;
justify-content: center;

}

form{
width: 30%;
height: 20vh;
justify-content: center;
border: 1px solid white;
margin: auto;
padding: 20px;
text-align: center;
line-height: 30px;
border-radius: 20px;
margin-top: 20vh;
}

form label {
width: 100vw;
}

form input {
width: 100%;
}

[type="submit"]{
width: 30%;
text-align: center;
margin: auto;
}

Я не хочу помещать это в какой-то контейнер или что-то в этом роде, мне просто нужно свойство CSS, например text-align, для центрирования элементов, находящихся внутри input type="file" . Я пробовал использовать поле слева, но оно просто перемещает весь ввод вправо, чего мне не нужно.

Подробнее здесь: https://stackoverflow.com/questions/786 ... le-element