JSFiddle - React, Tailwind, and code Playground

by CSS_Apprentice

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="row">
    <div class="col-xs-6">
        <img src="http://placehold.it/50x50" alt="icon" />
        <h5>Header</h5>
        <p>Yet remarkably appearance get him his projection. Diverted endeavor bed peculiar men the not desirous. Acuteness abilities ask can offending furnished fulfilled.</p>
        <button>Donate</button>
    </div>
    <div class="col-xs-6">
        <img src="http://placehold.it/50x50" alt="icon" />
        <h5>Header</h5>
    <p>Yet remarkably appearance get him his projection.</p>
    <button>Donate</button>
    </div>
</div>

CSS

* {text-align: center;}
.row div:first-of-type {background-color:#eee}
.row div:last-of-type {background-color:beige}

.row {display:table}
.row > div {
    display: table-cell;
    float: none;
    vertical-align: top;    
}

.row > div:last-child button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}