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