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