均等に横並びに配置するために、下記のようにコードを書いたのですがflexが適用されません。もしこのコードをみて改善策がわかる方がいたら教えてください。
よろしくお願いします。
<nav class="global-nav_items">
<ul class="nav-list">
<li><a href="#">menu</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">acess</a></li>
</ul>
</nav>
.global-nav_item{
padding: 40px;
}
.global-nav_item .nav-list{
display: flex;
justify-content: center;
}
.global-nav_item .nav-list>li{
font-size: 18px;
line-height: 1;
letter-spacing: 0.1em;
margin-right: 80px;
list-style: none;
}
.global-nav_item .nav-list> li :last-child{
margin-right: 0;
}
section { display: flex;}
追加するだけ