Historia de Instagram

<div class="histig"><img src="http://via.placeholder.com/280x500"><div class="bordup"><div class="brd"><div class="colbor"></div></div></div><div class="imguser"><img src="http://via.placeholder.com/40"></div><div class="userntime"><strong>bettyleg</strong>19 h</div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<style>.histig{width:280px; height:500px; margin:5px auto; border:1px solid #eee;} .histig img {width:280px; height:500px; background-size:cover; } .bordup{height:12px; position:relative; top:-499px; background:# ddd;display:grid; border:1 px solid #ddd} .brd{ height:2px; background:rgba(255,255,255,0.6); margin:3px 10px; border-radius:5px;} .colbor{width:44%; height:2px; background:rgba(255,255,255,0.9);} .imguser{width:40px; height:40px; background:#ddd; margin-top:-500px; position:relative; border-radius:180px; margin-left:10px;} .imguser img{width:40px; height:40px; background-size:cover; border-radius:180px;} .userntime{ color:#fafafa; font-family:arial; font-size:12px; position:relative; top:-30px; left:58px;} .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;padding-bottom:2px;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>