Как сделать логотип в центре экрана?

Question

[Rufix]

У меня есть блок, в котором слева выбирается город, в центре должен быть логотип, а справа вход/регистрация и корзина.
Я пытаюсь сделать, чтобы логотип был в центре экрана с помощью "margin: 0 auto", но он делает его по центру относительно свободной области, а не относительно всей ширины экрана. В общем, помогите пожалуйста сделать его, чтобы он тупо стоял в центре экрана.

spoiler

Как должно быть:

Answer 1

[DanKud]

https://codepen.io/anon/pen/VRVMEj

HTML:

<div class="wrapper">
    <div class="left">LEFT</div>
    <div class="center">CENTER</div>
    <div class="right">RIGHT</div>
</div>

CSS:

.wrapper {
    position: relative;
    width: 100%;
    height: 50px;
    background-color: bisque;
}
.left {
    float: left;
}
.center {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
}
.right {
    float: right;
}

Comments

[Иван Гордиенко]

Вы серьёзно? Флоат в 2019 году?