JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="container">
<div class="row available span8">
    <div class="sizes span2">
        <img src="http://dummyimage.com/100x25/000/fff">
        <h3>Name</h3>
        <p>Text</p>
    </div>
    <div class="sizes span2 offset2">
        <img src="http://dummyimage.com/100x50/000/fff">
        <h3>adafafawfawsfasfsaffs</h3>
        <p>Text</p>
    </div>
    <div class="sizes span2 offset4">
        <img src="http://dummyimage.com/100x100/000/fff">
        <h3>Name</h3>
        <p>Text</p>
    </div>
    <div class="sizes span2 offset6">
        <img src="http://dummyimage.com/100x50/000/fff">
        <h3>Name</h3>
        <p>Text</p>
    </div>
</div>
</div>

CSS

.row {
    border: 1px dashed blue;
    height: 300px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    float: none;
    padding-right: 40px;
}

.sizes {
    border: 1px dashed red;
    position: absolute;
    bottom: 0;
}