CSS text-align 没有使文本居中或右对齐

Question

下面link中有一个Accordion，我希望所有Accordion的标题都右对齐。我使用了这个 CSS 代码：

.ekit-accordion-title {
    text-align: right;
}

但是，代码不起作用。代码有什么问题？

Answer 1

使用此 CSS 代码。

.elementskit-btn-link {
    justify-content: flex-end;
}

或者

.ekit-accordion-title {
    width: 100%;
    text-align: right;
}

Answer 2

确保将 important 添加到 CSS 样式

#accordion {
  text-align: right
}

;
.ekit-accordion-title {
  text-align: right !important;
}

Answer 3

要使手风琴元素的按钮文本右对齐，请执行以下操作：

.maxbutton-1.maxbutton.maxbutton-account-page .mb-text{
    text-align: right;
}

要使手风琴的标题右对齐，请使用：

.ekit-wid-con .elementskit-accordion .elementskit-card-header>.elementskit-btn-link{
     justify-content: right;
}

Answer 4

要将文本右对齐，请在锚元素上使用此代码 .elementskit-btn-link:

display: flex;
justify-content: flex-end;

如果你想让它居中那么这个：

display: flex;
justify-content: center;

CSS text-align is not making the text center or right aligned