JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="nav">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Gallery</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Archive</a></li>
                    <li><a href="#">Icons</a></li>
                    <li><a href="#">Design</a></li>
                </ul>

CSS

li {display: inline}