JSFiddle - React, Tailwind, and code Playground

by mannemvamsi

HTML

<div class="holder">
    <div class="v-center">
        This is my element placed in the center of another div
        This is my element placed in the center of another div
        This is my element placed in the center of another div
        This is my element placed in the center of another div
        This is my element placed in the center of another divThis is my element placed in the center of another div
        This is my element placed in the center of another div
        This is my element placed in the center of another divThis is my element placed in the center of another div
    </div>
</div>

CSS

div {
    border:2px solid #336699;
}

.holder {
    margin-top:50px;
    padding:20px 5px;
    height:400px;
}

.v-center {
    position:relative;
    top:50%;
    transform: translateY(-50%);
}