如何居中和内联文字？

Question

对于我的HTML代码，我试图内联我的文本并将其置于中心，这有什么不对？

div.wrapper a {
    display: inline;
    text-align: center;
    text-decoration: none;
    color: #808080;
}

Answer 1

你没有在文本元素本身上放置text-align。 如果你有这样的结构：

.wrapper，位于<a>或<p>元素内。比你把文字对齐：在div上居中所以一切都在这个div里面。

示例：http://jsfiddle.net/q0ouh6b9/

.wrapper {
text-align: center;
}

Answer 2

您可以执行以下操作：

div.wrapper a {
    // All other properties
    vertical-align: middle;
}

Answer 3

当您将锚元素设置为inline时，它不会扩展其元素的整个宽度。要执行您想要的操作，请将text-align:center应用于div元素，或将锚点设置为display:block;，宽度为100％。

第一个将使div内的所有文本居中，而第二个使文本占据整个宽度并将其置于其自己的块中。