JSFiddle - React, Tailwind, and code Playground

HTML

<div class="new_div">
    <div class="container">
         <h3>نام من</h3>
        <p>توضیحات من</p>
        <button class="btn btn-primary">بیشتر ...</button>
    </div>
</div>

CSS

body,
html
{
    position: relative;
    margin: 0;
    padding: 0;
}

.new_div {
     position: absolute;
     width: 100%;
     text-align: center;
     display: table;
    height: 200px;
    background-color: red;
 }

.container
{
    display: table-cell;
    vertical-align: middle;
}