JSFiddle - React, Tailwind, and code Playground

by The_Immortal

HTML

<div class="usermenu"; align="center">
 <ul>
 <li>
 <a href="$HOME_PAGE_LINK$">Главная
&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$">Регистрация
&nbsp;
 </a>
 </li>
 <?endif?>
 </ul>
 </div>

CSS

/*Header*/
.usermenu {width: 100%; padding: 5px 0 0px 9px;}
.usermenu ul {margin: 0;padding: 0;list-style: none;}
.usermenu li {*display: inline; display: inline-block; margin-right: 12px;}
.usermenu li a {font: 11px/11px 'Century Gothic', 'Verdana';color:#42290f;text-decoration: none;}