JSFiddle - React, Tailwind, and code Playground

by Zer00ne Null

HTML

<header class='header'>
    <section class='container'>
        <nav class="header-right">
             <h1>Welcome Guest</h1>  <a href="https://nowhere.togo">Free Register</a>  <a href="https://nowhere.togo">Login</a>

        </nav>
        <select class="lang">
            <option>Select Language</option>
            <option>English</option>
        </select>
        <p class="gtran">Powered by Google Translate</p>
    </section>
</header>

CSS

.logo {
    float: left;
}
.logo a {
    display: block;
}
.container {
    float: left;
    width: 100%;
}
.header {
    margin: 10px 0;
    float: left;
    width: 100%;
    height: auto;
}
.header-right h1 {
    float: left;
    width: 42%;
    margin-right: 10px;
    display: inline-block;
}
.header-right a {
    display: inline-block;
    float: left;
    margin: 10px;
}
.lang {
    display: block;
    float: letf;
    clear: both;
}
.gtran {
    float: float;
}