Как расположить блок по центру в CSS

Есть несколько способов расположить блок по центру с помощью CSS. Рассмотрим некоторые из них:

1. Используя flexbox:

html



    


    

        

    

2. Используя позиционирование и transform:

html



    


    

        

    

3. Используя grid:

html



    


    

        

    

В каждом из примеров блок будет расположен по центру экрана. В зависимости от требований проекта, можно выбрать подходящий метод центрирования блока.