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

ul{
margin:0;
padding:0;
list-style:none;
}

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

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

}

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

.footer-nav li a {
color:#535151;
display:block;
line-height:0.2em;
padding:4px 0px 5px 0px;
}