我正在为一个学校项目的网站，我目前的主页上工作，但我不知道如何摆脱差距，我的超链接菜单的边缘。picture of my current homepage这是超链接菜单的代码。

<style>
         nav {
            display: flex;
            justify-content: space-around;
            background-color: #cddc39;
            color: #333333;
            margin: 0;
         }
        nav ul {
            list-style-type: none;
            padding: 0;
         }
</style>

<nav>
    <ul>
        <li style="display:inline-block;"><a href="Anpost.html">An Post </a></li>
        <li style="display:inline-block;"><a href="Ryanair.html">Ryanair </a></li>
        <li style="display:inline-block;"><a href="Services.html">Services </a></li>
        <li style="display:inline-block;"><a href="Contact.html">Contact </a></li>
    </ul>
</nav>

我没有太多使用HTML的经验，所以任何帮助将不胜感激。
这是超链接菜单的代码。

<style>
         nav {
            display: flex;
            justify-content: space-around;
            background-color: #cddc39;
            color: #333333;
            margin: 0;
         }
        nav ul {
            list-style-type: none;
            padding: 0;
         }

</style>

<nav>
    <ul>
        <li style="display:inline-block;"><a href="Anpost.html">An Post </a></li>
        <li style="display:inline-block;"><a href="Ryanair.html">Ryanair </a></li>
        <li style="display:inline-block;"><a href="Services.html">Services </a></li>
        <li style="display:inline-block;"><a href="Contact.html">Contact </a></li>
    </ul>
</nav>