html - 文本对齐 :center has no effect

Question

我正在使用一些带有类的 CSS 来设置不同类型文本的样式。我正在使用一个名为 a.searchresult 的类来设计一些链接。其中一个属性是 text-align:center，但它对文本没有影响 - 它保持左对齐。为什么会这样？

这是相关的 CSS:

a.searchresult
{
font-family:Trebuchet MS;
font-size:20px;
text-align:center;
color:blue;
margin:0;
padding:0;
}

和 HTML:

<div class = "content">
<h2 class = "main">Search results for post deletion in topics</h2>
<br /><br />
<!--This link is aligned left-->
<a class = 'searchresult' href = 'display_post.php?id=15'>Post deletion</a><p class = 'searchresult'>At last, I did it!</p><br /><br />
</div>

请记住，该链接是从 PHP 回显的。我不知道这是否会影响它，但我想我应该提一下。

Answer 1

你需要把它放在一个容器中并设置text-align: center; 到容器或者让它成为一个 block 元素，display: block;。 a 标签是内联元素，因此 text-align 对它们不起作用。

这是它作为 block 元素工作的示例:http://jsfiddle.net/a9YAp/

这里是一个 div:http://jsfiddle.net/pmsSV/