JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="left">
        <p>Vivamus vel sapien. Praesent nisl tortor, laoreet eu, dapibus quis, egestas non, mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus vel sapien. Praesent nisl tortor, laoreet eu, dapibus quis, egestas non, mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
    </div><div class="right">
        <p class="button">Click Me!</p>
    </div>
</div>

CSS

.container {
    width:960px;
    background-color:#d7d7d7;
    overflow: hidden;
    box-sizing: border-box;
    display: table;
}

.left,
.right {
    width: 50%; 
    display: table-cell;
    box-sizing: border-box;
}

.left {
    padding: 20px 10px;
    background: #006699;  
}

.right {
    text-align: center;
    vertical-align: middle;
}

.button {
    border: 1px solid green;
    display: inline-block;
}