Justify text with UL and LI elements using "text-align: justify" property http://www.barrelny.com/blog/text-align-justify-and-rwd/

index.html

<ul id="Grid">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

style.css

#Grid {
    text-align: justify;
    font-size: 0.1px; /*hide whitespace between elements*/
}
 
#Grid li{
    display: inline-block;
    width: 23%;
}

#Grid:after{
    content: '';
    display: inline-block;
    width: 100%;
}