JSFiddle - React, Tailwind, and code Playground

by acsocmel

HTML

<ul>
    <li><a href="#">pippo</a></li>
    <li><a href="#">pluto</a></li>
</ul>

CSS

ul {
    float: right;
    right: 50%;
    position: relative;
    list-style: none;
}
li {
    float: left;
    left: 50%;
    position: relative
}
a {
    display: block;
    padding: 1em 3em;
    background-color: blue;
    color: lime;
}
a:hover {
    background-color: lime;
    color: blue
}