JSFiddle - React, Tailwind, and code Playground

HTML

<div class='block block_small'>
  <div class='block__container'>
         <div class='block__inner'>
           <div class='block__info'>
             <span class='block__info-name'>Daniil</span>
             <span class='block__info-time'>21.11.2017</span>
           </div>
           <div class='block__text'>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis euismod metus molestie odio bibendum bibendum. Suspendisse malesuada maximus nisi, vitae dictum nisl gravida quis. Nulla dapibus turpis et consequat convallis. Aliquam a gravida libero. Phasellus id dapibus nunc, at lobortis lorem. In laoreet sed urna accumsan interdum. Quisque eget eros finibus, placerat justo in, bibendum erat. Aenean maximus mi eu odio pellentesque, et porttitor dui posuere.

Integer posuere arcu purus, non auctor magna finibus eget. Pellentesque dictum pellentesque viverra. Aenean metus metus, dapibus eget quam at, elementum accumsan diam. Ut tempus, massa at rutrum bibendum, ipsum elit iaculis ipsum, ac pulvinar lectus dolor ut purus. Donec at metus vitae sapien blandit hendrerit blandit sed enim. Aliquam consectetur diam vitae rhoncus lacinia. Cras consequat in quam quis elementum. Integer non rhoncus augue, sed commodo magna.
           </div>
       </div>
  </div>
</div>

CSS

.block {
  border: 5px solid red;
}

.block_small{
  min-width: 250px;
  max-width: 400px;
  box-sizing: border-box;
}

.block__inner {
  padding: 30px;
  position: relative;
}

.block__container {
  padding: 30px;
}

.block__info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content:space-between;
}

.block__info-name {
  font-style:italic;
}