JSFiddle - React, Tailwind, and code Playground

by Vitorino fernandes

HTML

<div class="bubble">
    <p>blablabla</p>
</div>

CSS

*{
    margin:0;
    padding:0;
}
.bubble {
    position: absolute;
    background: #cccccc;
    width: 135px;
    height: 84px;
}
.bubble p {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}