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

这是我的视图的html输出。问题是文本装饰工作正常，但文本对齐不起作用

<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>

---

只需添加

display:block或
显示：内联块到您的
a
则只有它将被对齐到右侧

因为在应用显示属性之前，它的默认值是inline，inline元素不能有宽度，没有宽度就不能对齐

只需添加
display:block或
显示：内联块到您的
a
则只有它将被对齐到右侧

因为在应用显示属性之前，它的默认值是inline，inline元素不能有宽度，没有宽度就不能对齐

试用


尝试使用



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

    <div class="aligndiv" style="text-align:center;">
        <a href="secure_logout" style="text-decoration: blink;text-align:center">Logout</a>
    </div>