리스트를 전체 넓이에서 분할 배치

ex: 메인 네비게이션이 한쪽으로 쏠려 있는 경우 > 전체 넓이에서 글자수에 따라 적절한 폭으로 배치가 되도록 하기

ul.nav-menu {
    display: table;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul.nav-menu > li {
    display: table-cell;
    float: none; 
}

ul.nav-menu > li > a {
    text-align: center; 
}