JSFiddle - React, Tailwind, and code Playground

by hunter

HTML

<div>
    <h1>Test</h1>
<ul id="menu-standard">
    <li id="menu-item"><a>Item 1</a></li>
    <li id="menu-item"><a>Item 2</a></li>
    <li id="menu-item"><a>Item 3</a></li>
    <li id="menu-item"><a>Item 4</a></li>
</ul>
</div>
<div class="clear">Don't forget to clear!</div>

CSS

h1
{
    float: left;
    width: 200px;
}

#menu-standard { 
    float: right;
}

#menu-standard li { 
    background: #f1f1f1;
    padding: 2px;
    margin: 0 3px;
    float: left;
}

.clear
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}