Tablilla Post tipo Chat.

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/css?family=PT+Serif|Merriweather:400,400i&display=swap" rel="stylesheet">

<div class="rolcb"><div class="modul-rolcb"><div class="head"><div class="dtscb">Chandler M. Bing <i class="fas fa-angle-right"></i> 12pm <i class="fas fa-angle-right"></i> 20 de Abril del 2020</div><div class="ftcb"><img src="https://placehold.jp/50x50.png"></div></div><div class="cajaTex"><div class="txtcb">Fusce ultrices neque ultricies leo viverra tincidunt. Etiam quam arcu, <b>dignissim posuere lobortis in</b>, ultrices non lectus. Nam tempor, sapien sed vulputate pretium, justo est hendrerit tellus, <i>et fringilla ex nisl sit amet elit.</i> Aliquam erat volutpat. Fusce luctus lobortis nisl, ut laoreet sem bibendum sit amet.</div></div></div><div class="modul-rolcb"><div class="head"><div class="dtscb">Monica E. Geller <i class="fas fa-angle-right"></i> 12pm <i class="fas fa-angle-right"></i> 20 de Abril del 2020</div><div class="ftcb"><img src="https://placehold.jp/50x50.png"></div></div><div class="cajaTex"><div class="txtcb">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus tristique ex. Fusce quam sapien, pulvinar sit amet elementum id, gravida eu felis. Fusce ultrices neque ultricies leo viverra tincidunt. Etiam quam arcu, <b>dignissim posuere lobortis in</b>, ultrices non lectus. Nam tempor, sapien sed vulputate pretium, justo est hendrerit tellus, <i>et fringilla ex nisl sit amet elit.</i> Aliquam erat volutpat. Fusce luctus lobortis nisl, ut laoreet sem bibendum sit amet.</div></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<style>.rolcb{width:450px; padding:0px 0px; background:#fff; outline:1px solid #eee; margin:10px auto;} .head{height:60px; padding:10px 30px; display: flex; justify-content: center; align-items: center;} .ftcb img{width:50px; height:50px; border-radius:180px;} .ftcb{width:50px; height:50px; border:1px solid #ccc; border-radius:180px; padding:3px;} .dtscb{font-family: 'PT Serif', serif; font-size:12px; padding-right:20px; color:#555;} .dtscb i{color:#F99B7E;} .txtcb{position:relative; width:330px; background:#fff; margin: 0 auto; border-radius:10px; padding:20px; font-size:11px; font-family: 'Merriweather', serif; line-height:16px; text-align:justify; margin-bottom:20px; border:1px solid #ddd; color:#555;} .txtcb:after{content: "";position: absolute;top: -10px; left:307px; border-width: 0px 13px 10px; border-style: solid; border-color: #ddd transparent; display: block; width: 0; } .cajaTex{width:450px; background:#fafafa; padding:10px 0px 5px; border-bottom:1px solid #eee; border-top:1px solid #eee;} .txtcb i, .txtcb b{color:#F99B7E;}.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>