JSFiddle - React, Tailwind, and code Playground

by oszis113

HTML

<div class="wrapr">
    
    <div class="list_item">B</div>
    <div class="list_item">A</div>
    <div class="list_item">C</div>
</div>

CSS

.list_item {
display: inline-block;
vertical-align: top;
background-color: #4E95FF;
width: 145px;
margin-right: 10px;
margin-bottom: 10px;
}
.list_item:first-child {
float: right;
margin: 0;
margin-top: 10px;
}
.list_item:last-child {
  margin-bottom: 0;
}
.wrapr{
  background-color:red;
  width: 300px;
}