Всем привет друзья, хотелось бы обратиться к опытным верстальщикам, это валидный способ выравнить блок по вертикали и горизонтали? Если можно использывать? Или же стоит воспользоваться каким либо другим способом?
<div class="outer">
<div class="inner">
Lorem ipsum dolor sit amet.
</div>
</div>
.outer {
background: green;
height: 100vh;
position: relative;
}
.inner {
background: black;
width: 100px;
height: 100px;
display: block;
overflow: hidden;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}