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>