Выравнивание по вертикали и горизонтали 1

by fersterin

HTML

<div>
	<span class="one1"></span>
	<span class="one2"></span>
	<span class="one3"></span>
	<span class="one4"></span>
</div>

CSS

body {
	margin: 0;
	background: #F4EDE5;
}
div {
	width: 100px;
	height: 100px;
	transform: translate(-50%,-50%);
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px red solid;
}