[csswg-drafts] [css-sizing] How to shrink to fit the width?

yisibl has just created a new issue for 
https://github.com/w3c/csswg-drafts:

== [css-sizing] How to shrink to fit the width? ==
In this demo: http://jsbin.com/weqapufoyi/edit?html,css,output

![demo](https://img.alicdn.com/tps/TB1T6DLKpXXXXXraXXXXXXXXXXX-391-281.png)

Because span float will automatically wrap, how to make the parent 
element shrink to the "Expectation" effect.

Can we add a new width/height value(e.g. `width: auto-shrink`), or 
already have other solutions?

spec: https://drafts.csswg.org/css-sizing/#width-height-keywords


Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/191 using your GitHub 
account