JSFiddle - React, Tailwind, and code Playground

by tychio

HTML

<div>Magazine reader club - week 1</div>

CSS

div{ 
    position: relative; 
    overflow: visiable;
    float: left; 
    height: auto;
    width: 100px; 
    line-height: 20px;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}
div:after{ 
    position: absolute; 
    bottom: -5px; 
    left: 0; 
    height: 4px; 
    width: 100px;
    content: ''; 
    background: #4AC14B; 
    border-left: 4px solid #108200; 
}