JSFiddle - React, Tailwind, and code Playground

by cgough

HTML

<span class="block element3">ELEMENT3</span>
<span class="block element2">ELEMENT2</span>
<span class="block element1">ELEMENT1</span>

<span class="block element2">ELEMENT2</span>

<span class="block element1">ELEMENT1</span>

CSS

.block {
    display: block;
    width: 100px;
}
.element3 {
    float: right;
    background-color: red;
}
.element2 {
    float: left;
    background-color: green;
}
.element1 {
    text-align: center;
    background-color: blue;
    width: auto;
}