How to bring the width of the block with the text wrapping to a minimum?

Here's a case: https://jsfiddle.net/vLgajqu3/
How to make the first green block was occupied by the minimum width (as much as you need in order to fit the text), but the second green block in this case were shown in one line?
June 14th 19 at 18:04
1 answer
June 14th 19 at 18:06
If correctly understood the task:

.block2 {
display: inline;
width: 100%;
}
.block2 .one {
width: 80%;float: left;overflow: auto;
}
.block2 .two {
width: 20%; float: right;
}
When a large amount of text in the left column, a scrollbar appears.

Find more questions by tags CSSFlexbox