Twitter mitad

<div class="tlbtt"><div class="head-tl"><i class="fas fa-arrow-left"></i><div class="usern-tl colorfn"><b>bettyleg</b><br/><span class="sub-tl">10k tweets</span></div></div><div class="port-tl"><img src="https://placehold.jp/450x180.png"/></div><div class="img-tl"><img src="https://placehold.jp/110x110.png"/></div><div class="desc-tl"><div class="icons-tl colorfn"><i class="fas fa-ellipsis-h"></i><i>Seguir</i><div class="colorfn btn-tl"></div></div><div class="usenm"><b class="colorfn">BettyLeg</b><br/><span class="sub-tl">@_betty234</span></div><div class="descpp">Pretty please.<div class="dts-tl"><i class="fas fa-map-marker-alt"></i> Paris, Francia <i class="fas fa-link"></i> <a href="#" class="colorfn">bettyleg.tumblr.com</a><br/><i class="fas fa-glass-cheers"></i>Cumpleaños: 23 Abril <i class="fas fa-calendar-alt"></i> Se unió en febrero 2019</div><b class="colorfn">200</b> Tweets <b class="colorfn">421</b> Seguidores</div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
<link href="https://fonts.googleapis.com/css?family=Kanit:700,500|Open+Sans&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">
<style>.colorfn{color:#F99B7E;} .tlbtt{width:450px; border:1px solid #eee; margin:0 auto; background:#fff} .head-tl{height:40px; padding:15px 30px; border-bottom:1px solid #eee; display:flex; align-items:center;} .head-tl i{ margin-right:20px; color:#777} .usern-tl{line-height:15px;} .usern-tl b, .usenm b, .nmtwt b{font-family: 'Kanit', sans-serif; text-transform:uppercase; font-size:18px; } .sub-tl{font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .port-tl{height:180px; border-bottom:1px solid #eee;} .port-tl{width:450px; height:180px;} .img-tl{width:110px; height:110px; border:5px solid #fff; margin-top:-60px; position:absolute; margin-left:30px; border-radius:180px; background:#fff; } .img-tl img{width:110px; height:110px; border-radius:180px;} .desc-tl{padding-bottom:20px;} .icons-tl{height:20px; float:right; margin-right:40px; margin-top:15px; padding:5px; display: flex; align-items:center; font-family: 'Open Sans', sans-serif; font-size:12px}  .icons-tl i{padding:0px 20px;border:1px solid #eee; } .icons-tl i, icons-tl fas{padding:10px; border-radius:180px; margin:0px 5px;} .usenm{position:relative; top:65px; padding:5px 30px; line-height:18px;} .descpp{margin-top:60px; padding:10px 30px; font-family: 'Open Sans', sans-serif; font-size:12px; color:#777;} .dts-tl{padding-top:10px; line-height:20px; margin-left:-8px; margin-bottom:10px;} .dts-tl i{padding:0px 8px;} .dts-tl a{text-decoration:none;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .cred{margin:3px auto; width:280px; text-align:center;background:#fff;border:1px solid #eee;}</style>