<div class="container"> <div class="centered-div">Centered Content</div> </div> 1. Центрирование с помощью Flexbox .container { display: flex; justify-content: center; align-items: center; height: 100vh; } 2. Центрирование с помощью сетки .container { display: grid; place-items: center; height: 100vh; } 3. Центрирование с абсолютным позиционированием .container { position: relative; height: 100vh; } .centered-div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 4. Центрирование с помощью Margin Auto .centered-div { width: 50%; margin: 0 auto; } 5. Центрирование с помощью встроенного блочного дисплея .container { text-align: center; line-height: 100vh; } .centered-div { display: inline-block; vertical-align: middle; line-height: normal; }