JSFiddle - React, Tailwind, and code Playground

by eelyafi

HTML

<br />
<div>
    <div class="unit">
        <img src="http://placehold.it/100x75">
        <p>Lorem ipsum dolor sit amet.</p>
        <button>Like</button>
    </div>
    <div class="unit">
        <img src="http://placehold.it/100x75">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
        <button>Like</button>
    </div>
    <div class="unit">
        <img src="http://placehold.it/100x75">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
        <button>Like</button>
    </div>
</div>

CSS

.unit {
    border-left: 1px solid #ccc;
    display:table-cell;
    padding: 0 10px 30px;
    /* 30px is the height of the button + top margin */
    position: relative;
    vertical-align: top;
    width: 150px;
}
.unit:first-child {
    border-left: none;
}
button {
    position: absolute;
    bottom: 0;
}