Form в колонку не по центру, почему?

Question

[Foxizix]

почему у меня submit не по центру а у левого края? ниже код (родитель flex), уже по разному пробовал писал, не пойму голову сломал

<section class="block3">
		<form action="tz.php" method="post">
		<input type="text" name="login" class="pl" placeholder="Введите ваш номер телефона" />
		<input type="submit" class="pl1" value="Заказать обратный звонок" />
		</section>

.block3{
	display:flex;
	margin-top:30px;
	flex-direction:column;
	width:300px;
	align-self:center;
	justify-content:center;
	align-items:center;
}
.pl1{
	align-items:center;
	align-self:center;
	text-align:center;
	width:224px;
	height:50px;
	background-color:#5B89CE;
	color:white;
	border-radius:10px 10px 10px 10px;
	border:none;
}

Comments

[Антон Антон]

.block3 > form

[Foxizix]

Антон Антон, не понял

[Антон Антон]

Foxizix, флекс задается у .block3, а по факту всё лежит в form. нужно исправить селектор.

[Foxizix]

Антон Антон, ааа понял, спасибо большое, т.е самой форме надо было flex прописать, всё получилось, голову сломал, спасибо, напишите это в ответы

Answer 1

[Антон Антон]

В стиле флекс задается у .block3, а по факту всё лежит в form. нужно исправить селектор на
.block3 > form