Застосування селектору ідентифікатора у моїй роботі:
HTML-код елемента:
<ul id="menu-list">
<li class="header__menu-item">
<a href="index.html" class="header__menu-link active">Головна сторінка</a>
</li>
<li class="header__menu-item">
<a href="./pages/about.html" class="header__menu-link">Про нас</a>
</li>
<li class="header__menu-item">
<a href="./pages/menu.html" class="header__menu-link">Меню</a>
</li>
<li class="header__menu-item">
<a href="./pages/contacts.html" class="header__menu-link">Контакти</a>
</li>
</ul>
CSS-код елемента:
#menu-list {
display: flex;
justify-content: space-between;
align-items: center;
padding: 33px 0;
}
Вигляд елемента у браузері:
