JSFiddle - React, Tailwind, and code Playground

by LordGuard

HTML

<div class="wrapper">
   <div class="title">
     Какой-то заголовок определённой ширины
   </div>
   <div class="description">
     Lorem ipsum dolor sit amet, sed ne unum laudem corrumpit, iuvaret conceptam eos ne. Consul audiam fierent qui ei. An magna scripta eam, sed mazim explicari repudiandae an. Qui velit tacimates dissentiet cu. Interesset complectitur pro id, est ut diam possim suavitate, vix tota rebum equidem ex. Te verear latine dolores has, fugit voluptatum deterruisset et quo, ea vidit ipsum possit pri.

Cum no duis dolores commune, vix pericula aliquando ex. At timeam consequuntur mea, sale utroque no est, ad sea porro forensibus. Ex est suscipit petentium, his verear oblique te. Eos velit vocent ei, et ius partem postea pertinacia. Eu error dictas mnesarchum ius, in sea oporteat honestatis repudiandae.
   </div>
</div>
<div>
  Какая-то штука, на чью позицию определённо должен влиять контейнер сверху.
</div>

CSS

.wrapper {
  background: #00C3FF;
  color: white;
}

.title {
  display: inline-block;
  background: black;
}