table & table-cell 를 이용한 정렬

ol {
    width: 400px;
    /*width: 800px;*/
    
    display: table;
    table-layout: fixed; /* the magic dust that ensure equal width */
    background: #ccc
}
ol > li {
    display: table-cell;
    border: 1px dashed red;
    text-align: center
}

이렇게 하면 갯수에 따라 자동으로 사이즈 맞춰준다.