JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<ul class="footer-nav">
  <li><a href="#">Home Page</a></li>
  <li><a href="#">About Joomla</a></li>
  <li><a href="#">Online Store</a></li>
  <li><a href="#">Wrapper</a></li>
  <li><a href="#">News</a></li>
  <li><a href="#">Contact us</a></li>
</ul>

CSS

.footer-nav {
float:right;
margin:20px 0 0 0;
}

.footer-nav li {
float:left;
padding:0 17px 0 14px;
border-right:1px solid #535151;
}

.footer-nav li:last-child {
border:none;
padding-right:0;
} 

.footer-nav li a {
color:#535151;
}