JSFiddle - React, Tailwind, and code Playground

HTML

<ul align; center;>
 <li><a href="#">Privacy Policy</a></li>
 <li><a href="#">Terms of Use</a></li>
 <li><a href="#">Contact</a></li>
</ul>

CSS

ul { margin:0; padding:0;
 color:#000; /* Base text color for the menu */
}
ul li { float:left; list-style:none; /* Makes the list items go horizontally in lieu of default vertical display */ }
ul li:after {
 content:"|"; /* Or go Facebook style and use "·" (the interpunct character) for separators */
 color:#666; /* You may want to make the separators a bit more subtle than the base text color */
}
ul li:last-child:after { content:""; /* No separator for the last item in the list */ }
ul li a {
 margin:0 8px; /* Set margins around the links */
 color:blue; /* Text colors for the links */
}