Extend last li to remaining width of a ul?

Question

I have been puzzled about this for a while now. Here is what i have now:

-------------------------------------------------------------------------------
|            


        

Answer 1

ul>li:last-of-type {width:whatever}

So the two li's before the last would float:left and have 20% on both and the last one can have 60%;

Also don't forgot to clear the flaots with

ul {overflow:auto;}

and keep the % perfect so the borders do not escape:

ul>li {box-sizing:border-box;}