Материализация навигационного контента не будет центрировать элемент ul

Question

Я пытаюсь центрировать nav-контент, используя опцию center

Так это будет выглядеть так.

Однако это не работает с атрибутом ul.

Заканчивается таким образом.

Мой код:

...
        <div class="nav-content center" style="background-color: black">
            <ul class="tabs tabs-transparent">
                <li class="tab"><a href="">Test 1</a></li>
                <li class="tab"><a href="">Test 2</a></li>
            </ul>
        </div>
    </nav>

Решение:

mdubus 'ответправильно, но он должен быть в элементе ul вместо div, чтобы он работал с помощью Materialize.

Answer 1

Я не знаком с materielize, вы можете сделать это с помощью css, указав для родительского элемента: flex и justifiy-content: center;или просто установив .nav-content {text-align: center;}

Answer 2

На вашем Div nav-content center, просто добавьте display:flex; justify-content:center;. Это должно сработать;)