#flex-container {width:550px; margin:100px auto; box-sizing:border-box; background:#eee; display: flex;justify-content:space-between; flex-direction: row; flex-wrap: wrap; } .box { width:100px; height:50px; box-sizing:border-box; border:1px solid red; text-align:center; padding-top:12px;}
1
2
3
4
5
6
7
#flex-container2 {width:550px; margin:100px auto; box-sizing:border-box; background:#eee; display: flex-direction: row; flex-wrap: wrap; } .box { width:100px; height:50px; box-sizing:border-box; border:1px solid red; text-align:center; padding-top:12px;}
1
2
3
4
5
6
7