Crazy.

<div class="baul-b10"><div class="contenido-b10"><div class="img-b10"><img src="https://placehold.jp/260x260.png"/></div><div class="quote-b10"><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <i>In auctor</i>, dui eget aliquet efficitur, <b>odio est faucibus<b/> lacus.</span></div></div><div class="barraInfo-b10"><div class="info-b10"><a href="#" betty-title="Expediente"><i class="fas fa-address-book"></i></a><a href="#" betty-title="Relaciones"><i class="fas fa-users"></i></a><a href="#" betty-title="Cronologia"><i class="fas fa-hourglass-half"></i></a><a href="#" betty-title="Twitter"><i class="fab fa-twitter"></i></a><a href="#" betty-title="Instagram"><i class="fab fa-instagram"></i></a></div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<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/css2?family=Lora:wght@500&family=Playfair+Display:ital,wght@0,500;1,600&display=swap" rel="stylesheet"><style>.baul-b10{width:450px; background:#fff; margin:10px auto; display:flex; outline:1px solid #ddd;} .contenido-b10{width:300px; border-right:1px solid #ddd; height:380px;} .barraInfo-b10{padding:40px 10px; width:129px; display:flex; align-items:center; justify-content:center;} .contenido-b10 .img-b10{width:280px; height:280px; border-bottom:1px solid #ddd; padding:10px; background:#fafafa;} .img-b10 img{width:260px; height:260px; border:10px solid #fff; outline:1px solid #ddd;} .info-b10 a{color:#F2B7A3; text-decoration:none;} .info-b10 a i{font-size:16px; display:block; width:50px; height:50px; border:1px solid #eee; display:flex; align-items:center; justify-content:center; outline:0px solid #ddd; border-radius:180px; margin:0px 0px 5px;} .quote-b10{padding:10px 30px;height:60px; display:flex; align-items:center; justify-content:center; overflow:hidden; text-align:justify; line-height:13px;} .quote-b10 span{font-size:11px;  font-family: 'Lora', serif; color:#777;} .quote-b10 span b, .quote-b10 span i{color:#C84755; font-family: 'Playfair Display', serif;}a[betty-title]:hover { font-size: 10px; color: #888;} a[betty-title]:hover:after {content: attr(betty-title); position: absolute; font-size: 10px; color: #F2B7A3; padding: 5px 20px; font-family: 'Lora', serif; text-align: center; background: #fff; border:1px solid #eee; margin-left:60px; margin-top:-43px; display:block;}.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>