怎么办把form移到中间去呀!(这是我的css)

form{
margin: 20px;
display: flex;
justify-content: center;
align-items: center;
}

ul{
margin:0;
padding:5px;
}

ul li {
list-style: none;
margin-bottom: 10px;
}

label {
width: 100%;
display: block;
font-size: 1.5rem;
border: 2px solid transparent;
}

input {
font-size: 1rem;
padding: 10px;
outline-offset: 1px;
}

input:focus{
outline: 3px solid lightgreen;
border: 5px solid;
border-radius: 10px;
}

button{
background: darkgray;
border: black 1px solid;
border-radius: 10px;
color: white;
font-size: 200%;
font-weight: bold;
margin-top: 10px;
padding: 5px 10px;
}
button:hover {
background: limegreen;
border: darkgray 1px solid;
}

button:active {
background: green;
}

@media(max-width:600px) {
input{
width:100%
margin-bottom: 20px;
}

img

form是表单,它哪里有对齐方式
你要调整的是div的位置啊