Как сделать перенос строки, но прилепить блок к предыдущему в строке?

Question

[Александр]

Привет

есть сколько-то блоков 'lock' подряд, в них есть короткое описание 'descr' и длинное. с коротким всё ок, а вот, когда описание длинное - весь блок переносится на новую строчку. Как сделать так, чтобы он приклеивался к слову "стат", но при выходе за границы экрана или блока переносился на новую строчку?



https://jsfiddle.net/hugx5bcm/

<div class='lock'>
    <div class='csrambl'>
        <a target='_blank' href='#'>ФИО</a>
        (ответственный)
        31.05.1990
        стат
    </div>
    <div id="1332" class="descr csrambl">Достаточно длинный текст Достаточно длинный текст Достаточно длинный текст Достаточно длинный текст
    </div>
</div>
<div class='lock'>
    <div class='csrambl'>
        <a target='_blank' href='#'>ФИО</a>
        (ответственный)
        31.05.1990
        стат
    </div>
    <div id="1336" class="descr csrambl">Достаточно длинный текст
    </div>
</div>
<div class='lock'>
    <div class='csrambl'>
        <a target='_blank' href='#'>ФИО</a>
        (ответственный)
        31.05.1990
        стат
    </div>
    <div id="1585" class="descr csrambl">Достаточно длинный текст
    </div>
</div>

.descr {
            word-break: break-all;
            white-space: pre-line;
        }

        .csrambl, .popup_info {
            display: inline-block;
        }

        .lock {
            display: block;
        }

Answer 1

[Андрей Шевкалюк]

.descr {
            word-break: break-all;
            white-space: pre-line;
        }

        .csrambl, .popup_info {
            display: inline;
        }

        .lock {
            display: block;
        }

Вот так сделайте

Answer 2

[Spartak (Web-StyleStudio)]

.csrambl, .popup_info {
	display: inline;
}

Answer 3

[fallus]

.descr {
	display: inline;
}

.csrambl:not(.descr),
.popup_info {
	display: inline-block;
}