JSFiddle - React, Tailwind, and code Playground

by josue exhume

HTML

<header class="main-header">
    <div id="img"> <h2> Hi I'm an Img </h2></div>
            <ul class="main-nav">
                <li><a href="#">Link 1</a></li>
                <li><a href="#">Link 2</a></li>
                <li><a href="#">Link 3</a></li>
                <li><a href="#">Link 4</a></li>
            </ul>
        </header>

CSS

#img{
    background:gray;
    float:left;
}
.main-nav li {
    margin-top: 15px;
    margin-right: 10px;
    display:inline-block;
    background-color:gray;
    float:right;
}