HTML Как ДЕЙСТВИТЕЛЬНО центрировать элемент ? ⇐ Html

[Гость]

Я только начинаю новую веб-страницу и настраиваю панель навигации вверху страницы. Моя кнопка/логотип «Домой» расположена слева от панели навигации, и я хочу разместить ряд кнопок для перехода к другим страницам в центре панели навигации.

Проблема в том, что логотип и заголовок смещают «центрированный» немного вправо. Если я удалю логотип, то он будет по центру. Как мне центрировать мой .nav-контейнер, даже если он сдвинут вправо?

Вот мой CSS:

.toolbar { позиция: абсолютная; верх: 0; слева: 0; правильно: 0; высота: 60 ​​пикселей; дисплей: гибкий; выровнять-элементы: по центру; цвет фона: #1976d2; белый цвет; вес шрифта: 600; } .nav-контейнер{ дисплей: гибкий; маржа: 0 авто; разрыв: 10 пикселей; выровнять-элементы: по центру; } HTML:

Моя должность Кнопка1 Кнопка2 Спасибо всем, кто может помочь мне учиться.

Я попробовал использовать «margin: 0 auto;» для моего .nav-контейнера он центрируется, но с другими элементами на панели инструментов он перемещается.

Я хочу, чтобы этот был центрирован несмотря ни на что.

Я также пробовал все формы «позиции», такие как относительная, фиксированная, наследование и т. д.