JSFiddle - React, Tailwind, and code Playground

HTML

<div>Привет. Мне нужно сделать три колонки: 1 2 3. Первая с левого края резиновая — по ширине текста внутри неё. Вторая резиновая от первой до третьей. Третья с правого края — её можно считать фиксированной, допсутим, шириной 100 пикселей. Хоть тресни — не понимаю как сделать, хотя кажется, что вообще всё элементарно. Прямо хоть таблицей делай. Я выжил из ума или это и правда как-то нетривиально?</div>
<div> средство содержит активные ингредиенты, нейтрализующие запах и маскирующие цвет отходов, эффективно подавляет развитие гнилостных процессов, предотвращает газообразование, способствует растворению твердых отходов и легкому очищению баков;</div>
<div class="fix">Третья с правого края — её можно считать фиксированной, допсутим, шириной 100 пикселей</div>

CSS

div {
    display: table-cell;
    font-family: arial;
    font-size: 12px;
    padding: 10px 20px;
}

div.fix {
    width: 200px;
}