JSFiddle - React, Tailwind, and code Playground

by Alex Baumgertner

HTML

<div class="img"><!--
    --><img src='http://photos-h.ak.fbcdn.net/hphotos-ak-ash4/309544_114037742041490_100003057948616_89211_1211768977_s.jpg' border='0' style='z-index:1; display:inline-block;vertical-align: middle; max-width: 130px;'/><!--
        --><div class="box"></div><!--
    --></div>

<div class="img"><!--
    --><img src='http://photos-a.ak.fbcdn.net/hphotos-ak-ash4/381804_114534861991778_100003057948616_91425_1528136715_s.jpg' border='none' style='z-index:1; display:inline-block;vertical-align: middle; max-width: 130px;'/><!--
        --><div class="box"></div><!--
    --></div>

CSS

.img { 
    display: inline-block;
    overflow: hidden;
    width: 130px;
    line-height:130px;
    position:relative;
    font-size: 0;
    border: 2px solid #e2f0ff;
    text-align: center; 
    margin: 0px 0px 0px 0px; 
    background-color: #f4f9ff; 
    vertical-align: top; 
}

.box { 
    position: absolute; 
    bottom: 0; 
    left: 0px; 
    line-height:130px;
    width: 40px;
    height: 40px; 
    background-color: red;
}