JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="borderedWithBucks">
        <div class="bucks">45$</div>
    </div>    
</div>

CSS

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