x
1
2
<html>
3
<head>
4
<meta charset="utf-8">
5
<style>
6
.flex-container {
7
display: flex;
8
display: flex;
9
width: 400px;
10
height: 250px;
11
background-color: lightgrey;
12
}
13
14
.flex-item {
15
background-color: cornflowerblue;
16
width: 75px;
17
height: 75px;
18
margin: 10px;
19
}
20
21
.flex-item:first-child {
22
margin-right: auto;
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>