I need something similar to this and this. However I want the right column not to be fixed size, but variable size. Is it possible?
––––––––––––––––––––––––––––
If a two-column-ish button is what you are after... (your ascii screenshot looks like this), so: diving the space in the best way but with one side winning, if it gets tight ➝ no truncated price, but truncated label if it has to be... ➪ full source on codepen
125 €
my favorite provider
CSS (stylus)
.container
clearfix()
border 2px solid purple
.one, .two
padding 4px
.two
background #aca
float right
white-space nowrap
text-overflow ellipsis
.one
background #caa
overflow hidden
white-space nowrap
text-overflow ellipsis