Css 文本对齐不适用于一段文本

请看一看

如您所见，有一些“阅读更多”按钮。（翻译为“czytaj więcej”）。 这是节选之后的内容。我想将此“阅读更多”按钮居中

我给了

a href

。。。以下类别：

class="readmorebtn"

这个CSS：

.readmorebtn{font-size:23px; text-align:center !important;}

---

但由于某些原因，它不起作用。有什么提示吗？

您正在为按钮使用

a

元素，因此

a

元素默认为

inline

，因此即使您

center

，文本也没有居中的位置，因为

inline

元素不占用

100%的水平空间，因此为了使文本居中，您需要将其设置为
内联块
或
块

.readmorebtn {
    display: block;
    font-size: 23px;
    text-align: center; /* No need of !important here */
}


如果您使用的是
内联块
，元素将是
内联块
，也将是
块
，但同样，您需要为
内联块
元素定义一些
宽度
。而
块
级别元素将占用整个水平空间

（请参见如果不将其设置为块级元素会发生什么情况）

（使其成为
块
级别元素）
一个元素不能有宽度，因为它是一个内联元素，没有宽度，您不能对齐到中心，因此您应该添加
显示：内联块；或显示：块到您的a

.readmorebtn {
    display: block;
    font-size: 23px;
    text-align: center;
}

非常感谢。成功了。我认为它是简单的文本，所以文本对齐应该可以工作。谢谢