JSFiddle - React, Tailwind, and code Playground

by Kiran G

HTML

<div id="line">
    <div id="gray"></div>
    <div id="red"></div>
    <div id="black"></div>
</div>

CSS

div#line {
    height: 5px;
    width: 100%;
}

div#line > div {
    height: 100%;
    float: left;
}

div#gray {
    width: 30%;
    background-color: gray;
}

div#red {
    width: 30%;
    background-color: red;
}

div#black {
    width: 40%;
    background-color: black;
}