css菜单在空格后中断

css菜单在空格后中断,css,css-float,Css,Css Float,我有个问题。请查看下面的链接 在我的第二个菜单中,“关于DNA”没有正确显示,单词DNA必须与“关于”一致 这是我的css #menu-home li{float: left;padding:13px 2%;} #menu-home>li>a{ text-decoration:none; color:#ffffff; font-family:arial; font-size:16px; font-weight:500; padding:13px 2%; } 我使用wor

我有个问题。请查看下面的链接

在我的第二个菜单中,“关于DNA”没有正确显示,单词DNA必须与“关于”一致

这是我的css

#menu-home li{float: left;padding:13px 2%;}
    #menu-home>li>a{ text-decoration:none; color:#ffffff; font-family:arial; font-size:16px; font-weight:500;  padding:13px 2%; }
我使用wordpress和wp_nav_菜单生成html 我哪里做错了???

添加

white-space: nowrap;

到您的
#菜单主页>li>a
定义。

当我检查它时,它在一行中。你能不能只设置一个问题?这是我的桌面截图,