JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div id="wrapper">
        <div class="right">
            <div>правый раз</div>
            <div>правый два</div>
            <div>правый три</div>
        </div>
        <div class="left">
            <div>левый раз</div>
            <div>левый два</div>
            <div>левый три</div>
        </div>
    </div>
</body>
</html>

CSS

body{
    font-size: 3em;
    background-color: #8ed129;
}
.right{
    float: right;
    padding: 10px;
    background-color: #8EC6EA
}
.right div{
    background-color: #3C59E3;
    margin: 10px;
}
.left{
    padding: 10px;
    background-color: #8CEA8A;
}
.left div{
    background-color: #E08725;
    margin: 10px;
}
</style>