JSFiddle - React, Tailwind, and code Playground

by PsychegoPro

HTML

<div class="header">
<span class="headerLeft">Welcome to .</span>
<span class="headerRight"><a href="login.html">Login</a> | <a
href ="register.html">Register</a></span>
</div>

CSS

.header {
width:100%
position:fixed;
top:0;
margin-top:0;
background-color:red;
text-color:#C14000;
overflow: hidden; 
}

.headerLeft {
float:left;
text-align:left;
    
}

.headerRight {
float:right;
text-align:right;
}