JSFiddle - React, Tailwind, and code Playground

by jkeyes

HTML

<body>
    <div id="header">
        <span id="websiteName">
            VISHAL
        </span>

        <div id="languageBar">
            <ul class="nav">
                <li>
                    <a href="#">English</a>
                </li>
                <li>
                    <a href="#">Hindi</a>
                </li>
                <li>
                    <a href="#">Marathi</a>
                </li>
                <li>
                    <a href="#">Gujarati</a>
                </li>
            </ul>
        </div>
    </div>
</body>

CSS

* {
    margin: 0px auto;
    padding: 0px;
}
div#header {
    background: #353535;
    box-shadow: 0px 5px 5px #808080;
}
div#header > span#websiteName {
    font-family: TEMPUS SANS ITC;
    font-size: 44px;
    font-weight:bold;
    color: #0094ff;
    margin-left:18%;
}
#languageBar {
    text-align: center;
}
ul.nav {
    list-style:none;
}
ul.nav li {
    display: inline-block;
    width:100px;
}
ul.nav li a {
    display:block;
    width:100px;
    color: white;
}