x
<html><head><style>.center { display: flex; justify-content: center; align-items: center; height: 200px; border: 3px solid green;}</style></head><body><h2>Центрирование с помощью Flexbox</h2><p>Контейнер со свойствами justify-content и align-items, установленными на <em>center</em>, выровняет элемент(ы) по центру (по обеим осям).</p><div class="center"> <p>Я вертикально и горизонтально центрирован.</p></div></body></html>