JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body style="padding: 0; margin: 0;">
        <div id="first" style="float: right;">first</div>
        <div id="second" style="float: left; margin-top: 2em;">second</div>
    </body>
</html>

CSS

html
{
    border: 1px solid black;
    background-color: green;
}div#first
{
    border: 1px solid black;
    background-color: red;
    width: 200px;
    height: 200px;
}

div#second
{
    border: 1px solid black;
    background-color: blue;
    width: 200px;
    height: 200px;
}