Выравнивание блока по центру родителя

Абсолютный блок c фиксированной шириной и высотой центруется сам, если ему задать margin: auto и top, bottom, left, right равные нулю.

.container{
	position: relative;
	height: 350px;
}
.element{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 400px;
	height: 210px;
}

Блок отцентруется по горизонтали и вертикали если ему задать margin: auto, а у родителя display: flex.

.container{
	display: flex;
	height: 350px;
}
.element{
	margin: auto;
}

Элемент находится внутри grid-контейнера и выравнивается свойствами justify-self и align-self.

.container{
	display: grid;
}
.element{
	justify-self: center;
	align-self: center;
}