JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="point a"></div>
    <div class="point b"></div>
    <div class="point c"></div>
</div>

CSS

.main {
    background: gray;
    width: 100px;
    height: 100px;
    margin: 100px;
    position: relative;
}

.point {
    background: black;
    width: 5px;
    height: 5px;
    position: absolute;
}

.a {
    top: 20px;
    left: 50px;
}

.b {
    top: 40px;
    left: 20px;
}

.c {
    top: 60px;
    left: 10px;
}