锚文本没有正确包装

Question

我需要将锚文本包装到第二行并仍然保持布局。 我已经尝试了一切，我不知道我在这里做错了什么。

以上是我想要的。我的演示站点，其中u可以看到现场的布局：http://www.iamvishal.com/residen/?q=node/54

我已经尝试了许多变化

最大宽度 换 -

，但似乎没有任何工作。

Answer 1

奇怪的包装是由于在内联元素上使用padding所致。您应该将padding移至li元素而不是锚点，或将锚点更改为display: block或display: inline-block。

Answer 2

我在你的网站上玩过你的CSS。这似乎有伎俩。不要在jsFiddle上发布你的css和html，这样我们可以更好地帮助你。

#navigation .links, #navigation .menu { 
    text-align: -moz-center; 
}