锚文本无法正确包装

Question

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

以上就是我想要的。我的演示网站，您可以在其中查看实时布局：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;
 }