ナビメニューをflexを使い中央寄せの幅均等に配置したいのですが、左右の余白が均等になってくれません

Question

前提・実現したいこと

中央寄せで幅が均等に配置されたメニューを作りたいのですが、
以下のようなコードを書いたのですが、
左右の余白の幅が均等にならす悩んでおり質問させていただきました。

'''HTML
<nav class="global-nav">
<ul>
<a href=""><li><span></span>メニュー１</li></a>
<a href=""><li><span></span>メニュー２</li></a>
<a href=""><li><span></span>メニュー３</li></a>
<a href=""><li><span></span>メニュー４</li></a>
<a href=""><li><span></span>メニュー５</li></a>
</ul>
</nav>
'''

'''CSS3

body {
font-size: 16px;
margin: 0 auto;
max-width: 1080px;
}

/グローバルナビ/
.global-nav {
background-color: #19A78E;
margin-top: 60px;
}

.global-nav ul {
  display: flex;
  justify-content: center;
  text-align: center;
}

.global-nav a {
  display: inline-block;
  width: 170px;
  list-style: none;
  border-left: solid 1px #ffffff;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  line-height: 85px;
  letter-spacing: 0.08em;
}
.global-nav li:last-child{
  border-right:solid 1px #ffffff ;
}

'''

試したこと

justify-contentを色々変えて試しましたが直りませんでした。
.global-nav a に対してflex:1;にしてみても均等になってくれませんでした。
他に何を試すべきかわからず悩んでおります。
拙い文章で申し訳ございませんが何卒よろしくお願い申し上げます。

Answer 1

ulにブラウザのデフォルト設定が効いているからではないでしょうか。
ulにpadding: 0;を指定することで解決すると思います。

Comments

[smana]

回答ありがとうございました。
おっしゃるとおりulにpadding:0;を追加することで解決することができました。
この度はご教示いただきありがとうございました。本当に助かりました。