align-justify.html

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Align Items | Justify Content</title>
 <style>
  .container {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   border: 5px solid black;
  }
  .box {
   width: 250px;
   height: 100px;
   border: 2px solid silver;
  }
 </style>
</head>

<body>
 <div class="container">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
 </div>
</body>
</html>