JSFiddle - React, Tailwind, and code Playground

by reggi

HTML

<div class="metadata">
    <div class="categories">
        <div class="text">1</div>
        <div class="overlay">2</div>
    </div>
    <div class="datetime">123</div>
</div>

CSS

.metadata{}
.categories{}
.text{}
.overlay{}
.datetime{}

JavaScript

.categories{min-width:12px;min-height:0px;position:relative;float:left;font-size:10px;}
.text, .overlay{height:12px;width:290px;position:absolute;background:#ddd;}
.datetime{font-size:10px;}