Продлить последний li до оставшейся ширины ul?

Я был озадачен об этом некоторое время сейчас. Вот что у меня сейчас:

-------------------------------------------------------------------------------
|                   |                  |                     |
|       Item 1      |      Item 2      |      Last item      |
|                   |                  |                     |
-------------------------------------------------------------------------------

Там последний ли занимает только часть ул. Мне нужно, чтобы это выглядело так:

-------------------------------------------------------------------------------
|                   |                  |                                      |
|       Item 1      |      Item 2      |              Last item               |
|                   |                  |                                      |
-------------------------------------------------------------------------------

Я не могу использовать Javascript (или Jquery). Я не хочу устанавливать ширину каждого li, так как размер текста может варьироваться, и я не знаю, сколько li 's там будет. У меня может быть 5 или 3.

Как мне это сделать? Благодарю.

Вот jsfiddle с некоторым моим кодом. Мне нужен более светлый цвет, чтобы расширить остальную часть ул.JSFIDDLE

Ответы на вопрос(2)

Ваш ответ на вопрос