Как переместить квадрат на центр?

Question

ssas sadsa Ученик (96), на голосовании 3 месяца назад

Создал квадрат

 .square  
{ 
    height: 100px; 
    width: 100px; 
    background-color: aqua; 
}

Как мне его переместить в центр страницы (без position :relative;)?

Answer 1

top=screenheight/2-height/2
left=screenwidth/2-width/2

Answer 2

Используй position: absolute вместо position: relative?

Answer 3

можно при помощи flex
у родительского элемента задаете
display: flex;
align-items: center;
justify-content: center;