JSFiddle - React, Tailwind, and code Playground

by omarjuvera

HTML

<nav>
<ul id="menu">
    <li>
    <ul>
        <li>A</li>
        <li>B</li>
        <li>C</li>
    </ul>
    </li>

    <li class="text-right">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    </li>

</ul>
</nav>

CSS

.text-right {
    text-align: right;
}
nav {
    width: 100%
    padding: 0;
    margin: 0;
    border: 2px solid black;
}
#menu {
    width: 1000px;
    margin: 0 auto;
    border: 2px solid red;
}
#menu>li {
    display: inline-block;
    width: 450px;
}