Как мне центрировать этот по горизонтали [дубликат] ⇐ Html

[Anonymous]

Я хочу разместить в центре браузера по горизонтали, а не слева. Это мои HTML- и CSS-файлы (упрощенные):

Код: Выделить всё

body {
max-width: 1190px;
}

.bg {
background-image: url('https://i.imgur.com/RWur4PK.png');
background-repeat: no-repeat;
height: 690px;
max-width: 1190px;

display: flex;
justify-content: center;
align-items: center;
}

div.content {
background-color: white;
opacity: 0.9;

margin-left: 10%;
margin-right: 10%;
padding-left: 30px;
padding-right: 30px;
}

div.footer {
float: right;
}

Код: Выделить всё

Super important content!





More information

Как это выглядит сейчас


Как я хочу, чтобы это выглядело



Подробнее здесь: https://stackoverflow.com/questions/798 ... r-this-div