x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<style>6
.flex-container {7
display: flex;8
display: flex;9
flex-wrap: wrap;10
flex-wrap: wrap;11
align-content: center;12
align-content: center;13
width: 300px;14
height: 300px;15
background-color: lightgrey;16
}17
18
.flex-item {19
background-color: cornflowerblue;20
width: 100px;21
height: 100px;22
margin: 10px;23
}24
</style>25
</head>26
<body>27
28
<div class="flex-container">29
<div class="flex-item">flex item 1</div>30
<div class="flex-item">flex item 2</div>31
<div class="flex-item">flex item 3</div>32
</div>33
34
</body>35
</html>