我正在创建一个新主题，但由于某些原因，菜单没有正确显示。我希望分隔符显示在菜单项旁边，但由于某种原因，它们位于下一行。这就是我得到的：

这是我检查元件时得到的结果：

以下是显示菜单的代码：

<nav class="navbar navbar-default navbar-eaglesnest">                   
    <?php 
        wp_nav_menu(array(
            \'theme_locatiion\' => \'primary\',
            \'container\' => FALSE,
            \'menu_class\' => \'nav navbar-nav\',
            \'after\' => \'<font size=5px color=white>|</font>\',
        )); 
    ?>
</nav>

下面是css：

.navbar-default {
    position: absolute;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    top: 30px;
    right: 20px;
    z-index: 1;
    border: 0px;
}

.navbar-default ul, .navbar-default li {
    display: inline-block;
    list-style-type: none;
    list-style-image: none;
    padding: 0;
}

.navbar-default ul a {
    padding: 0 20px 0 20px;
    line-height: 50px;
    text-decoration: none;
    color: white !important;
    font-weight: bold;
    font-size: 18px;
}

.navbar-default ul a:hover {
    color: blue !important;
}

.navbar nav ul li.current-menu-item > a:link,
.navbar nav ul li.current-menu-item > a:visited,
.navbar nav ul li.current-page_ancester > a:link,
.navbar nav ul li.current-page_ancester > a:visited {
    text-decoration: underline !important;
}

欢迎提供任何帮助或建议。

.navbar-default ul, .navbar-default li {
    display: flex;
    list-style-type: none;
    list-style-image: none;
    padding: 0;
}