image.png

    1.   <style>
    2.     .container {
    3.       width: 200px;
    4.       height: 200px;
    5.       border: 1px solid #000;
    6.       border-radius: 10px;
    7.       background: white;
    8.       padding: 45px;
    9.       display: flex;
    10.       justify-content: space-between;
    11.     }
    13.     .dot {
    14.       width: 50px;
    15.       height: 50px;
    16.       background: black;
    17.       border-radius: 100%;
    18.     }
    20.     .dot:nth-of-type(2) {
    21.       align-self: center;
    22.     }
    24.     .dot:nth-of-type(3) {
    25.       align-self: flex-end;
    26.     }
    27.   </style>
    29. <body>
    30.   <div class="container">
    31.     <div class="dot"></div>
    32.     <div class="dot"></div>
    33.     <div class="dot"></div>
    34.   </div>
    35. </body>