CSS显示块问题

Question

我不是 CSS 天才，但我想在这里完成的工作非常简单。我正在使用带有导航菜单的主题。导航菜单的列表项混淆了。示例：

MenuItem1 MenuItem2 MenuItem3 MenuItem4
     MenuItem5     MenuItem6       MenuItem7

我正在尝试对齐如下所示的所有内容：

MenuItem1 MenuItem2 MenuItem3 MenuItem4
MenuItem5 MenuItem6 MenuItem7

在过去，我可以通过使用 float 轻松实现这一点。但是这个模板使用： 显示：阻止。 我用谷歌搜索了很多，解决方案应该很简单，但在这个特定的主题中我迷路了。

网址是：http://www.radio-suriname.nl

Answer 1

您是否尝试过类似以下的方法？

.menu-item {
    width: 180px;
}

.menu-item a{
    float:left;
}

Answer 2

#top-menu{
  text-align: justify;
}

只需将其放入您的 css 文件中即可获得您想要的结果。