JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dotParent">
    <div class="dot"></div>
</div>

CSS

.dotParent {
    position: absolute;
    top: 50px;
    left: 50px;
    height: 68px;
    width: 68px;
    border: 1px solid Black;
    display: table-cell;
    vertical-align: middle;
}
.dot {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-right: auto;
    margin-left: auto;
    background: #000;
    -webkit-border-radius: 50px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}