Historia de Snapchat

<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<div class="hissnap"><img src="http://via.placeholder.com/300x450"><div class="headhis"><div class="imhead"><img src="http://via.placeholder.com/120"></div><div class="tithead"><b>Betty </b><i class="fas fa-star"></i><br/>Hace 21 h</div><i class="fas fa-ellipsis-v"></i></div>
</div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<style>.hissnap{width:300px; height:450px; margin:10px auto;outline:1px solid #eee; font-family: 'Montserrat', sans-serif;outline-offset:2px;} .hissnap img{width:300px; height:450px; position:absolute; background:#ccc;} .headhis{height:40px; padding:10px 10px 0px 10px; position:relative;} .imhead{width:30px; height:30px; border-radius:180px;  padding:3px; border:2px solid #fff;float:left;} .imhead img{width:30px; height:30px; border-radius:180px;} .tithead{float:left; width:200px; padding-left:10px; color:#fff; font-size:11px; padding-top:8px;} .tithead .fas{font-size:6px; color:#333; width:8px; height:8px; background:#DFBA00; border-radius:10px; padding:2px; position:relative; top:-2px; line-height:7px; text-align:center;} .headhis .fa-ellipsis-v{float:right; margin-top:15px; padding-right:10px; color:#fff;} .cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>