JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="content">
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod 
        tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    </div>
    <div class="footer">
        <button type="button">Click</button>
    </div>
</div>

CSS

.wrapper {
    width: 240px;
    height: 320px;
    margin: 0 auto;
    display: table;
    position: relative;
    background-color: #eee;
}

.wrapper .content {
    padding: 0 40px;
    display: table-cell; 
    vertical-align: middle;
}

.wrapper .footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}