Как исправить изображение в центре с помощью CSS

Question

Я использую навигационную панель bootstrap4, использую иконку переключателя навигационной панели слева и фиксирую изображение в центре с помощью mx-auto, это работает, но изображение не является центром всей навигационной панели.

Он занимает центр после значка переключателя, но мне нужно, чтобы изображение хотело быть центром всей навигационной панели, а также значок переключателя должен располагаться слева.

Как я мог это сделать?

<a class="float-left">

     <span class="navbar-toggler-icon"> 

     </span>

</a>

<img src="logo.png" class="mx-auto"/>

Answer 1

img {
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translate(-50%,-50%);
}
nav{
poasition:relative;

}