021 | Pose

<div id="chi"><div id="wato"><div id="tebo">

¡Aquí puedes poner tu texto!

</div><div class="chin" style="background: url(https://via.placeholder.com/200x320)"></div></div><div id="chix"><div class="chichi"><span class="th th-star"></span></div><div class="chiti"> Nombre del Personaje</div><div class="chixu">

<div class="chida"><n><span class="th th-heart-1"> </span></n> <m>Respuesta ultra mega hiper larga que necesitaría ser cortada de algún modo. Si no, todo explotará y moriremos de la peor forma posible. </m></div>
       <div class="chida"><n><span class="th th-heart-1"> </span></n> <m>Respuesta ultra mega hiper larga que necesitaría ser cortada de algún modo. Si no, todo explotará y moriremos de la peor forma posible. </m></div>
       <div class="chida"><n><span class="th th-heart-1"> </span></n> <m>Respuesta ultra mega hiper larga que necesitaría ser cortada de algún modo. Si no, todo explotará y moriremos de la peor forma posible. </m></div>
       <div class="chida"><n><span class="th th-heart-1"> </span></n> <m>Respuesta ultra mega hiper larga que necesitaría ser cortada de algún modo. Si no, todo explotará y moriremos de la peor forma posible. </m></div>

</div></div> </div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>

<style>#chi {background: #f2f2f2; border: 1px solid #eee; height: 360px; width: 485px;margin: 20px; overflow: hidden; margin: 0 auto}#chix {height: 341px; width: 230px; position: relative; top: -340px; left:240px;}.chiti {font: 18px 'Cuprum', sans-serif;text-transform: uppercase; font-weight: bold; border: 10px solid #f9f9f9; outline: 1px solid #ddd; background: #f9f9f9; line-height: 100%; width: 145px; position: relative; top: -55px; left: 65px; height: 35px; text-align: center; color: #434343}.chichi span {color: #fff; background: #434343; padding: 20px; outline: 1px solid #ddd;}.chixu { border: 10px solid #f9f9f9; outline: 1px solid #ddd; background: #f9f9f9; position: relative; top: -45px; height: 244px; color: #222; overflow-y: auto; padding: 5px}.chida {background: #fafafa; outline: 1px solid #ddd; font: 9px calibri; text-transform: uppercase; overflow: hidden; margin-top: 5px}.chida span {background: #434343; color: #fff; padding: 10px; margin-left: -5px; float: right;}.chida m {display: block; width: 132px; text-align: justify; margin: 10px}#tebo {width: 180px; height: 299px; margin: 10px; border: 10px solid #f9f9f9; outline: 1px solid #ddd;background: #f9f9f9; font: 11px calibri; text-align: justify; line-height: 105%; overflow-y: auto; padding: 10px;}#wato {height: 350px; overflow: hidden;}#wato:hover .chin {position: relative;-webkit-transition:1.2s ease-in 0s;transition-timing-function: cubic-bezier(0.5,0,0.8,0.2); top: 300px}.chin {width: 200px; height: 320px; margin: 10px; border: 10px solid #f9f9f9; outline: 1px solid #ddd; position: relative; top: -350px; -webkit-transition:1s ease-in 0s;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}</style><link href="https://fonts.googleapis.com/css?family=Cuprum" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">