<div class="container">
  Flex Container
  <div class="box">Flex Item</div>
  <div class="box">Flex Item</div>
  <div class="box">Flex Item</div>
  <div class="box">Flex Item</div>
</div>
.container {
            display: flex;
            background-color: pink;
            border: 2px solid black;
            }
.box      {
            background-color: lavender;
            border: 2px solid black;
            width: 100px;
            height: 100px;
            margin: 10px;
            text-align: center;
            line-height: 100px;
           }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.