JSFiddle - React, Tailwind, and code Playground

by Paulie_D

HTML

<div class="menu">
    <div class="container">
        <ul>
            <li><a href="#">item 1</a>
            </li>
            <li><a href="#">item2</a>
            </li>
            <li><a href="#">item3</a>
            </li>
            <li><a href="#">item4</a>
            </li>
            <li><a href="#">item5</a>
            </li>
            <li><a href="#">item6</a>
            </li>
        </ul>
    </div>
</div>
<div class="container">
    <div class="content">It's me, Mario!</div>
</div>

CSS

*, body {
    padding: 0;
    margin: 0;
}
.container {
    width:50%;
    margin: 0 auto;
    background:lightgreen;
}

.menu {
        background: #afafaf;
}
ul {
    border:1px solid green;

}
li {
    display:inline-block;
}

.content {
    height: 300px;
}