JSFiddle - React, Tailwind, and code Playground

HTML

<header id="header" style="width: 100%;">
			<div id="teste"></div>
			<div class="teste2"></div>
</header>

CSS

div:before{
    width: 200px;
    float: right:
    border: 1px solid blue;
}

#teste {
     float: left;
     width: 200px;
     height: 100px; 
     background-color: red;
     display: inline-block;
     justify-content: space-between;
}

.teste2 {
    float: left;
     display: inline-block;
     justify-content: space-between;
    width: 200px;
    height: 100px;
    background-color:black;
}