Несколько интервалов в одной строке ⇐ Html

[Anonymous]

У меня есть HTML следующего типа, и я хочу выровнять его в одну строку. Первый диапазон состоит из короткого/длинного текста, второй — из кнопки, а третий — из строк.

Код: Выделить всё

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries

Deactivate


Lines

В настоящее время правая кнопка и диапазон строк меняют свое положение в зависимости от длины текста первого диапазона.
Первый текст можно изменить, он может быть коротким или длинным. Поэтому мне нужна фиксированная ширина, чтобы она менялась только в этом направлении. Правая кнопка и диапазон строк не будут меняться в зависимости от первого текста.
Я вообще не разбираюсь в CSS, просто знаю основы. Я не понимаю, как я могу настроить эти промежутки так, чтобы они располагались в одной строке. Я предполагаю, что всем диапазонам и родительскому тегу h2 потребуется некоторый CSS (display:flex и т. д.), но я не знаю, как и что еще нужно для этого.
Извините, я не смог воссоздать точные HTML и CSS, которые у меня есть. Выше приведен пример этого.
Изменить: https://jsfiddle.net/n_m_t/9gj8dpLa/1/

Подробнее здесь: https://stackoverflow.com/questions/739 ... n-one-line