JSFiddle - React, Tailwind, and code Playground

HTML

blah blah graph
<div class="another_chart">
    <div class="another_blue" style="width: 75px;">25</div>
    <div class="another_pink" style="width: 45px; margin-top: 2em;">15</div>
    <div class="another_yellow" style="width: 60px;  margin-top: 4em;">20</div>
</div>

CSS

.another_chart div {
    text-align: right;
    padding: 3px;
    margin: 1px;
    color: #000;
    width: 600px;
    float: right;
}
.another_blue {
    font: 15px sans-serif;
    background-color: steelblue;
    text-align: right;
    padding: 3px;
    margin: 1px;
    color: white;
    height: 20px;
    line-height: 20px;
}
.another_pink {
    font: 15px sans-serif;
    background-color: #f5c5f2;
    text-align: right;
    padding: 3px;
    margin-left: 75px;
    color: white;
    height: 20px;
    line-height: 20px;
}
.another_yellow {
    font: 15px sans-serif;
    background-color: #ebfa02;
    text-align: right;
    padding: 3px;
    margin-left: 120px;
    color: white;
    height: 20px;
    line-height: 20px;
}