x
1
2
<html>3
<head>4
<style>5
.flex-container6
{7
display: flex;8
flex-flow:row-reverse wrap;9
background-color: DodgerBlue;10
border:orange dashed 2px;11
width:100%;12
}13
14
.item15
{16
background-color: #f1f1f1;17
width:100px;18
margin: 10px;19
padding:20px;20
font-size: 30px;21
text-align:center;22
}23
24
</style>25
</head>26
<body>27
28
<div class="flex-container">29
<div class="item">1</div>30
<div class="item">2</div>31
<div class="item">3</div> 32
<div class="item">4</div>33
<div class="item">5</div>34
<div class="item">6</div>35
<div class="item">7</div>36
<div class="item">8</div>37
<div class="item">9</div> 38
<div class="item">10</div>39
<div class="item">11</div>40
<div class="item">12</div>41
</div>42
43
44
</body>45
</html>