text-overflow: ellipsis doesn't appear to be working

Question

I have a nav menu in an unordered list:

        
    

        Home
    
               


        

Answer 1

Actually overflow:hidden; is required, so you'll probably need those three lines:

text-overflow: ellipsis; 
display: block; 
overflow: hidden;