JSFiddle - React, Tailwind, and code Playground

by edddotcom

HTML

<div id="container">
    <div id="menu">
        <ul id="list">
            <li><a href="#">HOME</a></li>
            <li><a href="#">HIP-HOP</a></li>
            <li><a href="#">ELECTONIC</a></li>
            <li><a href="#">ALTERNATIVE</a></li>
            <li><a href="#">CONTACT</a></li>
        </ul>
    </div>
    <div id="main">text text text</div>
</div>

CSS

body, ul, li, h1, h2, span {
    margin:0;
    padding:0;
}
#container {
    display:block;
    width:"500px";
    height:"400px";
    background-color: yellow;
    text-align:center;
}
#menu {
    width="33%" height="100%";
    display:inline-block;
    background-color:red;
}
#main {
    width="67%";
    height="100%";
    display:inline-block;
}
ul {
    list-style:none;
    text-align:right;
    font-family: Arial, Helvetica, sans-serif;
}