JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="title">
    Гарчиг
    <span class="title-back"><a href="#">back</a></span>
 </div>
<div class="content">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <div>
    <div class="title">
    Гарчиг
    <span class="title-back"><a href="#">back</a></span>
 </div>
<div class="content">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <div>
</div>

CSS

.container {width: 300px;}
.title {background-color: #ddd; padding: 10px 5px;}
.content {height: 200px; overflow-y: scroll;}
.title-back {float: right; }