Full-justify for li elements [duplicate]

Answer 1

Use this solution (or this one). Translating that answer to a list results in:

Markup:

    
Item1
    
Item2
    
Item3
    
Item4

Style sheet:

ul {text-align: justify}
ul::after {width: 100%; display: inline-block; content: "."; visibility: hidden}
li {display: inline-block}

This is an IE7+ solution. For IE7 you need an extra element adjacent to the list items.