JSFiddle - React, Tailwind, and code Playground

by hiral

HTML

<div class="vc_row wpb_row vc_row-fluid blunetser-banner vc_custom_1415005990938">
    <div class="vc_col-sm-12 wpb_column vc_column_container">
        <div class="wpb_wrapper">
            <div class="vc_row wpb_row vc_inner vc_row-fluid blunet-serv-banner-row">
                <div class="wpb_wrapper">
                    <div class="wpb_text_column wpb_content_element ">
                        <div class="wpb_wrapper">
                            <p>Some text will go here</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

.blunetser-banner {
    display: table;
    height: 300px;
    background: #eee;
}
.vc_column_container {
    display: table-cell;
    vertical-align: middle;
}