Как сделать круг ,внутри которого находится форма и расположить их по центру?

Question

[netrox]

примерно вот так :

Comments

[AlexandrBirukov]

можно сделать контейнер для формы с
border-radius: 50%
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;

Answer 1

[Дмитрий]

<div class="circle">
	<form action="">
		<!-- your code -->
	</form>
</div>

.circle{
   width: 400px; /* с шириной и высотой можешь поиграться*/
   height: 400px; /* или и вовсе не задавать их, а cделать padding: 100px */
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   border: 1px solid #ccc;
}

Comments

[netrox]

align -items и justify-content не изменили ничего

[Дмитрий]

netrox, https://jsfiddle.net/letehaha/g30n43kq/