Css 如何在顶部内联显示自定义Wordpress菜单？

我刚刚集成了自定义wordpress菜单，菜单显示在顶部，我想显示的地方，但我对allign it inline有问题。我通过以下方式将菜单从主题插入header.php文件：

<?wp_nav_menu( array( 'theme_location' => 'top-menu', 'container_class' => 'top_menu_class' ) ); ?>

但似乎没有任何改变。有什么帮助吗？谢谢

添加此css

.top_menu_class,ul#menu-coping-nutrition{
float:left;
width:100%;
}

ul#menu-coping-nutrition li {
    float: left;
    width: auto;
    padding: 15px;
}

---

看起来您需要将父容器设置为100%，目前它的宽度限制为60px，之后您可以轻松地将列表项设置为inline block，它将在一条水平线上很好地对齐

.top_menu_class {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.menu-item {
    display: inline-block;
}

---

您能告诉我如何将链接的颜色更改为顶部菜单吗？我尝试添加：

color:#fff到类，但似乎不进行更改。例如，您需要以主播为目标？什么主播
.top_menu_class {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.menu-item {
    display: inline-block;
}