JSFiddle - React, Tailwind, and code Playground

by GolezTrol

HTML

<ul>
        <li><a href="">menu 1</a></li>
        <li><a href="">menu 2</a></li>
        <li><a href="">menu 3</a></li>
        <li><a href="">menu 4</a></li>
        <li><a href="">menu 5</a></li>
    </ul>

CSS

ul {
    text-align: center;
}
li {
    display: inline-block;
}
li a {
    /* You can make the 'a' a block and style it as you wish */
    display: block;
    padding: 20px;
    border: 1px solid blue;
}