JSF how to change alignment of link

JSF how to change alignment of link

Here is the html output of my view. The problem is text-decoration is
working well but text-align is not working.
<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>
My Jsf View;
<p:layoutUnit position="north" size="75" header="App" resizable="false"
styleClass="header" >
<a href="secure_logout" style="text-decoration:
blink;text-align: right">Logout</a>
</p:layoutUnit>
I also tried Css but it doesn't working.
element.style {
color: #D20005;
font-weight: bold;
text-decoration: #D20005 !important;
text-align: right !important;
}