JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="borderedWithBucks"></div>    
</div>

CSS

.parent {
    position: absolute;
}
.borderedWithBucks {
border: 2px solid #000;
    height: 30px;
    width: 300px;
}
.borderedWithBucks:after {
content: "45$";
position: absolute;
right: 30px;
top: -0.5em;
background: #FFF;
}