Ширина элемента до заполнения свободного пространства.

[Crystall]

Приветствую уважаемых форумчан!

Намедни столкнулся с такой проблемой - необходимо в одном диве расположить кнопки и лейбл. Причём кнопки должны занимать столько, сколько им нужно, а лейбл - растягиваться на свободное пространство. Пример того, что мне нужно, на JSFiddle. Собственно, по задумке, если сделать текст более длинным, то он должен обрезаться и дополниться многоточием на конце (text-overflow: ellipsis), потому что кнопки уехать вправо не могут.

Возможно, что решение очевидно и лежит на поверхности, но в 4 утра у меня мозг уже не выдаёт подходящих вариантов. Так же не менее вероятно, что другие теги более подходят для осуществления данного трюка (span вместо label, div вместо span). Подскажите, возможно ли реализовать задуманное на чистом CSS? Я уверен, что когда-то видел реализацию подобного, но сейчас не могу сформулировать правильный поисковый запрос. Если кто-то может - ткните носом в поиск.

Заранее спасибо!

[USF]

http://jsfiddle.net/Rax4e/2/

так хотите?

Edited July 18, 2012 by USF

[Crystall]

USF, так точно, только ширину не хочу задавать ни #label'у, ни #container'у. Лэйбл должен автоматически заполнять свободное пространство, оставленное контейнером.

[Yazon_Nile]

http://jsfiddle.net/Rax4e/6/

[Crystall]

Yazon_Nile, огромное спасибо! Добавил к label'у white-space: nowrap; - всё получилось как нужно! Финальный вариант: http://jsfiddle.net/Rax4e/7/