css - 主导航分隔线查询

我正在使用以下代码来用分隔线设置主导航的样式，但由于某些原因，分隔线触及了视差英雄：

.main-navigation ul li, .secondary-navigation ul li {
  position: relative;
  display: inline-block;
  text-align: left;
  border-right: 1px solid;

}

如何减小分隔线的宽度，使分隔线不会下降那么远？

我已附上屏幕截图作为证据。 Picture of dividers and hero。

最佳答案

用以下CSS解决了它：

  .main-navigation ul {
    line-height: 7;
  }

关于css - 主导航分隔线查询，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44015584/