Создайте квадратный блок фиксированного размера, внутри которого текст должен быть идеально выровнен по центру, как по вертикали, так и по горизонтали.
Ожидаемое поведение:
• Блок имеет фиксированные размеры: 200px на 200px.• Текст находится в центре блока.Решение задачи🔽
<div class="centered-block">
Центрированный текст
</div>
.centered-block {
width: 200px;
height: 200px;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border: 1px solid #ccc;
}