HTML - ordering (order)

• 순서바꾸기 order:

@import url(css/reset.css);

.s1 ul {
    display:  flex;
    flex-direction: row;
    background: gray;
    flex-flow : column wrap;
    height: 250px;
}

.s1 li{
    flex: 0 0  100px; /* 1 1 100px */
    flex-grow: 1;
   
}

.s1 li:nth-child(1){
    background: red;
    order:1

}

.s1 li:nth-child(2){
    background: green;
    order:2
}

.s1 li:nth-child(3){
    background: blue;
    order:3
}

.s1 li:nth-child(4){
    background: yellow;
    order:4;
}

.s1 li:nth-child(5){
    background: lightskyblue;
    order:5
}