JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a" style="height: 350px">
     <h2>This is a Title</h2>

    <img src="http://fillmurray.com/150/150" alt="" />
    <p>This is some content</p>
    <p>This is some content</p>
    <p>This is some content</p>
    <p>This is some content</p> <a href="#" class="button">TESTING</a>

</div>
<div class="a" style="height: 350px">
     <h2>This is a Title</h2>

    <img src="http://fillmurray.com/150/150" alt="" />
    <p>This is some content</p>
    <p>This is some content</p>
    <p>This is some content</p> <a href="#" class="button">TESTING</a>

</div>
<div class="a" style="height: 350px">
     <h2>This is a Title</h2>

    <img src="http://fillmurray.com/150/150" alt="" /> <a href="#" class="button">TESTING</a>

    <p>This is some content</p>
    <p>This is some content</p>
    <p>This is some content</p>
    <p>This is some content</p>
</div>

CSS

.a {
    width: 33%;
    float: left;
    border: 1px solid red;
    position: relative;
    text-align: center;
    padding: 2%;
    padding-bottom: 50px;
}
img {
    display: block;
    width: 100%;
    max-width:150px;
    height: auto;
    margin: 2% auto;
}
.button {
    position: absolute;
    bottom: 5px;
    background: green;
    display: block;
    left: 50%;
    width: 50%;
    margin-left: -25%;
    border-radius:10px;
}