JSFiddle - React, Tailwind, and code Playground

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;
    font-size: 0;
    line-height: 0;
}

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

.footer-nav li {
    display: inline-block;
border-right:1px solid #535151;
    font-size: 37px;
   

}
.footer-nav:first-line {line-height: 10px;}

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

.footer-nav li a {
color:#535151;
display:block;
    padding: 0 10px;


}