JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page">
  <div class="container">
    <ul>
        <li class="item">
            <div class="label">Label</div>
            Item
        </li>
        <li class="item">
            <div class="label">Label</div>
            Item
        </li>
        <li class="item">
            <div class="label">Label</div>
            Item
        </li>
        <li class="item">
            <div class="label">Label</div>
            Item
        </li>
    </ul
  </div>
</div>

CSS

.page{
    margin:20px;
}
.container{
    overflow:hidden;
    background-color:green;

}
.label{
    position:absolute;
    background-color:blue;
    top:-10px;
    color:white;
}
li {
    position:relative;
    width:100px;
    height:50px;
    float:left;
    border: 1px solid black;
}