html - CSS 显示 block 问题

Question

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

MenuItem1 MenuItem2 MenuItem3 MenuItem4
     MenuItem5     MenuItem6       MenuItem7

我正在尝试对齐所有内容，如下所示:

MenuItem1 MenuItem2 MenuItem3 MenuItem4
MenuItem5 MenuItem6 MenuItem7

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

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

Answer 1

您是否尝试过类似下面的操作？

.menu-item {
    width: 180px;
}

.menu-item a{
    float:left;
}