JSFiddle - React, Tailwind, and code Playground

by Kalu Singh Rao

HTML

<div id="header">
</div>
<div id="content">
<div id="main">
</div>
</div>
<div class="navigation">
<div class="navigation.fixer">
<ul class="floating-elements">
<li class="floated"><a href="Home.html">Home</a></li>
<li class="floated"><a href="Joeys.html">Joeys</a></li>
<li class="floated"><a href="Cubs.html">Cubs</a></li>
<li class="floated"><a href="Scouts.html">Scouts</a></li>
<li class="floated"><a href="Venturers.html">Venturers</a></li>
<li class="floated"><a href="Rovers.html">Rovers</a></li>
</ul>
</div>
</div>
</div>
<div id="footer">
</div>

CSS

ul
{
    list-style-type:none;
}
ul li
{
    display:inline-block;
    padding-left:10px;
}