Элемент не выравнивается по горизонтали | css

Question

Изображение должно размещаться на 65px от верха странички и в центре по горизонтали. Высота регулируется корректно, а центрирование не работает. Что не так?

html-код:

<img id="screen" width="640" height="480" src="">

css-код:

#screen {
        margin: 65px auto;
        background: #eee;
        border: black;
    }

Answer 1

Оберни img в div и все будет работать)

#screen {
    margin-top: 65px;
    background: #eee;
    border: black;
}
.wrapper{
    width: 100%;
    display: flex;
    justify-content: center;
}

<div class="wrapper">
    <img id="screen" width="640" height="480" src="">
</div>

БЛОГ НА HUSL

Элемент не выравнивается по горизонтали | css

Ответы (1 шт):