Estender o último li para a largura restante de um ul?
Eu tenho ficado confuso sobre isso por um tempo agora. Aqui está o que eu tenho agora:
-------------------------------------------------------------------------------
| | | |
| Item 1 | Item 2 | Last item |
| | | |
-------------------------------------------------------------------------------
Lá, o último li está ocupando apenas parte do ul. Eu preciso que seja assim:
-------------------------------------------------------------------------------
| | | |
| Item 1 | Item 2 | Last item |
| | | |
-------------------------------------------------------------------------------
Eu não posso usar JavaScript (ou Jquery). Eu não quero definir a largura de cada li, já que o tamanho do texto pode variar, e eu não sei quantos li haverá. Eu posso ter 5 ou 3. '
Como eu conseguiria isso? Obrigado.
Aqui está um jsfiddle com alguns dos meus códigos. Eu preciso da cor mais clara para expandir o resto da ul.JSFIDDLE