Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <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>
