JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jonthornton.github.io/jquery-timepicker/jquery.timepicker.js"></script>
<nav id="navigation">
<ul>
<li class="titleLi">About Us</li>
<li><a href="" target="">Team</a></li>
<li><a href="" target="">Blog</a></li>
<li><a href="" target="">Contact</a></li>
<li><a href="" target="">Support</a></li>
</ul>

<ul>
<li class="titleLi">Download</li>
<li><a href="" target="">for iOS</a></li>
<li><a href="" target="">for Android</a></li>
</ul>

<ul>
<li class="titleLi">Legal</li>
<li><a href="" target="">Terms and conditions</a></li>
<li><a href="" target="">Privacy police</a></li>
</ul>

</nav>

CSS

#navigation{
  width:100%;  height:200px; color:black; background:blue;  text-align:center;
    margin:0 auto;
}
ul{
margin: 0 auto;
float:left;
}
li{
list-style: none;
font-size:16px;
font-family: My Custom Font2;
margin:5px;
font-weight: 600;
margin-right: .8em;       
    padding: 0; 
}