JSFiddle - React, Tailwind, and code Playground

by Wiktor Liszkiewicz

HTML

<div class="black">
    <div class="message">
        This is a popup message.
    </div>
</div>

CSS

.black {
    display:table;
    height:500px;
    width:100%;
    background:rgba(0,0,0,.5);

}
.message {
    display:table-cell;
    vertical-align: middle;
    text-align: center;
}