JSFiddle - React, Tailwind, and code Playground

HTML

<div> 
<p>I'm a paragraph and I'm on the left!!!</p> 
<h3>I'm a header and I'm on the right</h3> 
</div>

CSS

div p{
float: left;
width:30%;
border: 1px solid blue;
}

div h3{
/*clear: both;*/
float:left;
width:10%;
border: 1px solid red;
}