JSFiddle - React, Tailwind, and code Playground

HTML

<div class="usermenu"; align="center">
 <ul>
 <li>
 <a href="$HOME_PAGE_LINK$">
Главная<!--</s>-->
&nbsp;
 </a>
 </li>
 <?if($USER_LOGGED_IN$)?>
 <li>
 <a href="$PERSONAL_PAGE_LINK$">
 Мой профиль
&nbsp;
 </a>
 </li>
 <li>
 <a href="$LOGOUT_LINK$">
 Выход
&nbsp;
 </a>
 </li>
 <?else?>
 <li>
 <a title="Вход" href="$LOGIN_LINK$">
 Вход&nbsp;
 </a>
 </li>
 <li>
 <a href="$REGISTER_LINK$">
Регистрация<!--</s>--></span>
 <span class="um-right">&nbsp;</span>
 </a>
 </li>
 <?endif?>
 </ul>
 </div>

CSS

/*Header*/
#header {background: url(/.s/t/789/6.jpg) no-repeat top center;}
#header-top {height: 372px;}

.usermenu {float: left; width: 100%; padding: 5px 0 0px 9px;}
.usermenu ul {margin: 0;padding: 0;list-style: none; float: right; position: relative; left: -50%;}
.usermenu li {float: left;margin-right: 12px; position: relative; left: 50%; }
.usermenu li a {font: 11px/11px 'Century Gothic', 'Verdana';color:#42290f;text-decoration: none;}
.usermenu li a:hover {line-height: 14px;}