Помогите расположить кнопки в центре блока.

[Владимир Невеликий]

HTML:
<div class="nav">
<button>Меню</button>
<button>Главная</button>
<button>Отзывы</button>
<button><a href="https://www.youtube.com/channel/UCQPtdJLtrROBX5ulDmLPduA">Ютуб</a></button>
<button><a href="https://yandex.ru/">Яндекс</a></button>
</div>

CSS:
.nav {
position: sticky;
top: 0px;
background-color: gray;
margin-top: 20px;
margin-bottom: 20px;
}

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

[macomics]

<div class="nav">
<center>
<button>Меню</button>
<button>Главная</button>
<button>Отзывы</button>
<button><a href="https://www.youtube.com/channel/UCQPtdJLtrROBX5ulDmLPduA">Ютуб</a></button>
<button><a href="https://yandex.ru/">Яндекс</a></button>
</center>
</div>

[Agency]

Добавь в CSS для .nav {text-align: center;} , если надо одной строкой кнопки в центр вывести.

[Владимир Невеликий]

Agency, спасибо, помогло. Я не стал даже пробовать этот атрибут исходя из логики, мол, это же кнопки, а не текст. Еще раз благодарю!

[macomics]

А чем html тэг не понравился

<center>...</center>

эффект тот же

[Владимир Невеликий]

macomics, благодарю). Понравился, я запомнил его для себя. Просто я сейчас как раз познаю CSS и быстренько вписал строку в открытый CSS файл.

[macomics]

Надо было уточнить в первом посте, что надо на css

[Владимир Невеликий]

macomics, я бы конечно уточнил, но откуда мне было знать, что будет 2 варианта решения. Я ведь только два дня как изучаю тему.

[macomics]

Ну вы же используете 2 разных скрипта для разметки страницы. Один непосредственно для разметки текста (HTML), а второй это таблица стилей (CSS).

ADD: Нажмите в браузере F12. В большинстве откроется инструмент разработки - поможет разобраться что, где и когда.

[Владимир Невеликий]

macomics, хорошо, спасибо.