Html 标签跨度标签在chrome中工作不正常

Html 标签跨度标签在chrome中工作不正常,html,css,Html,Css,这是我在chrome中得到的输出。 我在标题里有菜单。为了使导航在移动设备中正常工作,我添加了以下代码。导航工作正常。但是顶部菜单中的标签没有在chrome中正确显示。它在IE中运行良好。 HTML代码: <input type='checkbox'/> <label>&#8801;<span>MENU</span></label> 所需的输出是triplebar符号菜单 我在chrome中得到的是三元组符号M E N U对

这是我在chrome中得到的输出。 我在标题里有菜单。为了使导航在移动设备中正常工作,我添加了以下代码。导航工作正常。但是顶部菜单中的标签没有在chrome中正确显示。它在IE中运行良好。 HTML代码:

<input type='checkbox'/> 
<label>&#8801;<span>MENU</span></label>
所需的输出是triplebar符号菜单 我在chrome中得到的是三元组符号M E N
U

对我来说似乎工作正常。如果有任何代码或屏幕截图,您能提供更多的相关代码吗?由于此代码按原样工作,请发布一个工作代码片段,以再现您遇到的问题have@ree,我添加了在chrome中获得的输出图像。请参阅。将
空白:nowrap
添加到您的
#菜单标签中
rule@LGSon,它起作用了。谢谢
#menu input,#menu label{position:absolute;top:0;left:0;display:block}