JSFiddle - React, Tailwind, and code Playground

by nabaroa

HTML

<div class="header">
	DIV
    <ul class="menu">
        <li>Home</li>
        <li>Contant</li>
    </ul>
</div>
<div class="container">
 NEW DIV
</div>

CSS

.header     {
        background: #77bbf5;
        width : 100%;
        height: 40px;
        line-height: 40px;
        padding-left: 30px;
        position: relative;
    }
    .menu   {
        list-style-type: none;
        background: #955d5d;
        position: absolute;
        left: 100px;
        top: 20px;
        margin: 0;
        padding: 0 10px;

    }
    .menu li    {
        display: inline;
    }
    .menu li a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        padding: 20px;
        text-align: center;
}
	.container{
		background: #dfd3d3;
		padding: 30px;
	}