Как привести ширину блока с переносом текста к минимальной?
Вот такой кейс: https://jsfiddle.net/vLgajqu3/
Как сделать так, чтобы первый зелёный блок занимал минимальную ширину (столько, сколько нужно для того, чтобы вместить текст), но второй зелёный блок при этом отрисовывался в одну строку?
.block2 {
display: inline;
width: 100%;
}
.block2 .one {
width: 80%;float: left;overflow: auto;
}
.block2 .two {
width: 20%; float: right;
}
При большом количестве текста в левой колонке появляется полоса прокрутки.