JSFiddle - React, Tailwind, and code Playground

HTML

<div class="section10">
            <div class="sec10_content">
            </div>
        </div>

CSS

.section10
{
    width:100%;
    height:320px;
    vertical-align: middle;
    background-color:#222222;
}
.sec10_content
{
    width: 50%;
    height: 100px;
    margin: auto;
    border: 1px solid white;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}