在基金会漂流李项目

Question

我是使用Foundation和React的新手。当尝试使用顶栏右侧课程构建导航时，我遇到了一个问题，其中我的李项目（特别是“承包商与企业”和“娱乐与摩托车”），如果他们碰巧更多当我达到一定的尺寸时，一个字开始垂直漂移。我尝试给li项目类，并设置最大高度，但这不起作用。包含图片和代码。 Pic of Problem

             <nav className="top-bar nav-desktop">
                <div className="wrap">
                  <div className="top-bar-left">
                    <h5 className="site-logo"> 
                     Insurance</h5>
                  </div>
                  <div className="top-bar-right stacked-for-large">
                    <ul className="menu menu-desktop">
                      <li><a  href="#">Bonds</a></li>
                      <li className="Contractors"><a href="#">Contractors & Businesses</a></li>
                      <li><a href="#">Auto</a></li>
                      <li><a href="#">Home</a></li>
                      <li><a href="#">Umbrella</a></li>
                      <li><a href="#">Life</a></li>
                      <li><a href="#">Recreational & Motorcycle</a></li>
                    </ul>
                  </div>
                </div>
              </nav>