JSFiddle - React, Tailwind, and code Playground

by Aleksey Karagodnikov

HTML

<div class="wrapper">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center"></div>
</div>

CSS

div {
    padding: 10px;
    width: 50px;
}
.wrapper {
    border: 1px solid black;
    width: 80%;
}
.left {
    border: 1px solid red;
    float: left;
}
.right {
    border: 1px solid blue;
    float: right;
    padding: 10px;
}
.center {
    border: 1px solid green;
    margin: 0 auto;
}