CSS显示块问题

Question

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

MenuItem1 MenuItem2 MenuItem3 MenuItem4
     MenuItem5     MenuItem6       MenuItem7

我正在努力调整以下所有内容：

MenuItem1 MenuItem2 MenuItem3 MenuItem4
MenuItem5 MenuItem6 MenuItem7

在传递中我可以通过使用float轻松实现这一点。但是这个模板使用： 显示：阻止。 我已经google了很多，解决方案应该很容易，但是在这个特定的主题中，我迷路了。

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

Answer 1

您是否尝试过以下内容？

.menu-item {
    width: 180px;
}

.menu-item a{
    float:left;
}

Answer 2

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

将它放在你的css文件中以获得你想要的结果。