中心a与text-align：左边的固定宽度div

Question

我必须在wordpress中构建一个导航栏，看起来像这样：每个li都有width: 80px，并且a在其中居中，但是a中的文本具有text-align: left;属性。

希望足够清楚......

提前致谢！

Answer 1

除非你将它们设置为显示块，否则你不需要对它进行文本对齐，在这种情况下，没有任何意义可以使li对齐居中，并且左对齐！

也许你的意思是整个导航中心，但链接是否左对齐？在这种情况下，你就是这样做的：

演示 http://jsbin.com/ezuloz/1/edit

Answer 2

如果将<a>元素设置为块显示，则可以设置宽度和边距，使其居中。

以下是指向an example fiddle的链接。

a {
  text-align:left;
  display:block;
  width:40px;
  margin:0 auto;
}