<!DOCTYPE html>
<html>
<title>Заголовок документа</title>
<head>
<style>
.box div {
width:100px;
display:inline-block;
padding:15px;
text-align:center;
color:#000000;
font-family: arial, sans-serif;
}
.green {background-color: green;}
.blue {background-color: blue;}
.gray {background-color: gray;}
.pink {background-color: pink;}
.yellow {background-color: yellow;}
</style>
</head>
<body>
<h2>Пример свойства flex</h2>
<div class="box">
<div class="green">GREEN</div>
<div class="blue">BLUE</div>
<div class="gray">GRAY</div>
<div class="pink">PINK</div>
<div class="yellow">YELLOW</div>
</div>
</body>
</html>