html - JSF如何更改链接的对齐方式

Question

这是我的 View 的 html 输出。问题是 text-decoration 运行良好，但 text-align 不起作用。

<div class="ui-layout-unit-content ui-widget-content" style="position: relative; height: 23px; visibility: visible;">
   <a href="secure_logout" style="text-decoration: blink;text-align: right">Logout</a>
</div>

我也尝试过 Css，但它不起作用。

element.style {
   color: #D20005;
   font-weight: bold;
   text-decoration: #D20005 !important;
   text-align: right !important;
}

Answer 1

只需将 display: block; 或 display: inline-block; 添加到你的 a 中，然后它才会被对齐到右边。

Because before applying the display properties its default value is inline and inline element cannot have the width and without width it can't be aligned.