JSFiddle - React, Tailwind, and code Playground

by Liu David

HTML

<div class="bordered">Lorem Ipsum Dolor Sit Amet</div>

CSS

.bordered{
    position: relative;
    height: 75px;
    width: 100%;
    
    
    padding-top: 16px;
}
.bordered:after{
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    height: 10px;
    width: 100%;
    background-size: 16px 15px;
    background-position: 0px 0px;
    background-image: -webkit-radial-gradient(50% 0%, circle, red 48%, transparent 55%);
    background-image: -moz-radial-gradient(50% 0%, circle, red 48%, transparent 55%);
    background-image: radial-gradient(circle at 50% 0%, red 48%, transparent 55%);
}