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