Untitled

<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>
    <!-- <link type="text/css" rel="stylesheet" href="1.css"> -->
    <style>
      .container {
        margin-top: 10px;
        display: flex;
        /* background: #000; */
        align-content: center;
        align-items: center;
        gap: 10px;
        height: 300px;
        /* height: 80%; */
      }
      .d1 {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        height: 50%;
        width: 20%;
        background-color: darkgrey;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <span class="d1">A</span>
      <span class="d1">B</span>
      <span class="d1">C</span>
    </div>
    <div class="container">
            <div class="d1">D</div>
            <div class="d1">E</div>
            <div class="d1">F</div>
        </div>
  </body>
</html>
Editor is loading...