Продлить последний li до оставшейся ширины ul?
Я был озадачен об этом некоторое время сейчас. Вот что у меня сейчас:
-------------------------------------------------------------------------------
| | | |
| Item 1 | Item 2 | Last item |
| | | |
-------------------------------------------------------------------------------
Там последний ли занимает только часть ул. Мне нужно, чтобы это выглядело так:
-------------------------------------------------------------------------------
| | | |
| Item 1 | Item 2 | Last item |
| | | |
-------------------------------------------------------------------------------
Я не могу использовать Javascript (или Jquery). Я не хочу устанавливать ширину каждого li, так как размер текста может варьироваться, и я не знаю, сколько li 's там будет. У меня может быть 5 или 3.
Как мне это сделать? Благодарю.
Вот jsfiddle с некоторым моим кодом. Мне нужен более светлый цвет, чтобы расширить остальную часть ул.JSFIDDLE