CSS下拉菜单格式问题

我需要一些CSS下拉菜单的帮助。下面是jsfiddle链接

有两件事我需要帮助。第一个问题是如何将5个菜单项分散到整个页面上？我用ulli{margin right:XXX}试过这个，但是在第5项到达页面右侧之前，它就掉到了下一行。有什么想法吗

第二件事。我试图更改jsfiddle中文本的颜色，它是蓝色的，但是当我通过向文本添加类来更改文本颜色时，将文本更改为白色的悬停操作不起作用。如何更改文本颜色以确保悬停仍然有效

---

谢谢

请签出小提琴的更新 你有一些拼写错误，例如缺少一个字母的过渡，我修复了它们

浏览器将字体颜色设置为蓝色，因为字体样式为超链接，因此您需要选择此标记，例如

ul li a{    color: orange; }
ul li a:hover{    color: yellow; }  

我定义了一些演示颜色，按您喜欢的方式更改它们

要强制5根柱跨越侧面，请删除右侧的边距并设置为例如

  ul li {
    margin: 0;
    width:19%;
  ... }

不知何故，20%不起作用，第5列将中断到下一行，19%就可以了

---

希望这就是您想要的。

谢谢dsuess的回复。不幸的是：ulli a{color:orange}不起作用。改变颜色不会改变任何东西，好像有什么东西阻止它改变。至于宽度：19%，它到右边的距离不够远。上面有没有垫料防止它一路穿过？对不起，我对html和css还不熟悉。谢谢。你的链接还是蓝色的吗？我在最新的chrome、firefox、ie10、opera中查看了fiddle更新3，链接不是蓝色的。项目1-5为橙色，悬停时变为黄色，项目3A-D为白色，变为绿色。您使用什么浏览器和操作系统？您已经定义了ul{text align:left；}。宽度：19%的意思是，你的每一列都是页面宽度的19%。如果div中的内容像item1中的五个字符一样短，则右侧有很大的空间。当然，您可以将最后一项item5设置为text align:right，就像在fiddle 4中一样，但这看起来很奇怪，因为item4和item5之间的空间很大。您可以将文本对齐：居中，但长度不同的文本行也会看起来很奇怪。删除行显示：无；在ul li ul块中启用子菜单的淡入/淡出