JSFiddle - React, Tailwind, and code Playground

by Shaun Ellis

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
<ul class="media-grid">
  <li>
    <a href="#">
        <img class="thumbnail" src="http://placehold.it/140x90" alt=""/>
    </a>
    <a href="#" class="btn" style="margin-left:-23px;margin-top:67px;">+</a>
  </li> 
  <li>
    <a href="#">
        <img class="thumbnail" src="http://placehold.it/140x90" alt=""/>
    </a>
    <a href="#" class="btn" style="margin-left:-23px;margin-top:67px;">+</a>
  </li>       
    
</ul>

CSS

ul.media-grid li {
    position: relative;
    display: inline-block;
}

.btn {
    position: absolute;
    bottom: 10px;
    right: 6px;
}

.media-grid a {
    float: none;
    display: inline-block;
}