Justify LI inside UL

gistfile1.txt

<div class="container">
 
<ul id="justified-menu">
    <li class="inline-block">
        <span>This old man</span>
    </li>
    <li class="inline-block">
        <span>he played five</span>
    </li>
    <li class="inline-block">
        <span>he played nicknack on his hive</span>
    </li>
</ul>
 
</div>

#justified-menu {
    position: relative;
    text-align: justify;
    font-size: 0; // to remove bottom padding caused by :after-element
}
 
#justified-menu:after {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 0;
    line-height: 0;
    content: '';
}
 
.inline-block { 
    display: inline-block; 
    float: none;
    font-size: 14px // set font-size again
}