JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
    <div class="losange"></div>
    <p class="para">rgfergrege</p>
</div>

CSS

.losange {
    transform: rotate(45deg);
    border: 5px solid blue;
}

.test {
    position: relative;
}

.para {
    color: white;
    left: 55px;
    position: absolute;
    text-align: center;
    top: 28px;
    width: 100px;
}