Как привести ширину блока с переносом текста к минимальной?

Question

[Артем Липатов]

Вот такой кейс: https://jsfiddle.net/vLgajqu3/
Как сделать так, чтобы первый зелёный блок занимал минимальную ширину (столько, сколько нужно для того, чтобы вместить текст), но второй зелёный блок при этом отрисовывался в одну строку?

Answer 1

[Владислав Храмцов]

Если правильно понял задачу:

.block2 {
display: inline;
width: 100%;
}
.block2 .one {
width: 80%;float: left;overflow: auto;
}
.block2 .two {
width: 20%; float: right;
}
При большом количестве текста в левой колонке появляется полоса прокрутки.