Daily Hogwarts (Relaciones)

<style>.retr1 {height:150px; width:100px; border: 5px outset grey;}.retr2{height:150px; width:100px; border: 5px outset silver;}.dat1{height:21px; width:140px; background: grey;margin-bottom:2px; font: 11px calibri; text-align:center; text-transform:uppercase; padding-top:9px;}.dat2{height:21px; width:140px; background: silver;margin-bottom:2px;font: 11px calibri; text-align:center; text-transform:uppercase; padding-top:9px;}.tabla1{border-top: 5px double grey; border-bottom: 5px double silver;margin-top:4px; margin-left:2px;margin-bottom: 4px;}.hogw1 {border: 10px groove silver; width:527px;box-shadow: 4px 4px 6px grey;background:#f2f2f2;}.hist {width:508px;height:120px; overflow:auto; padding:5px; padding-top: 15px; background:white; border-top: 5px double grey; border-bottom: 5px double silver; margin-left: 4px;margin-bottom:4px; text-align:justify; font: 12px calibri;}.hogtit {font: 40px Princess Sofia; color: black;text-shadow:2px 2px 0px #d4d4d4, 3px 3px 0px #515052; text-align: center;position: relative; margin-bottom: -30px;margin-top:-6px;}.hogname {font: 60px Princess Sofia; transform: rotate(-90deg);margin-top: -340px;position:relative; color:black; margin-left: -550px;text-shadow;text-shadow:2px 2px 0px #d4d4d4, 3px 3px 0px #515052;}.hogimg {height:120px;margin-top:180px;}.relaimg {height:150px; width:150px; border: 5px outset grey;}.relatext {background:white; text-align: justify; padding:5px; width:330px; height:150px; font:11px calibri;}</style>

<center><link  href='http://fonts.googleapis.com/css?family=Princess+Sofia' rel='stylesheet' type='text/css'><div class="hogw1"><table class="tabla1"><tr><td><div class="dat1">Nombre</div><div class="dat2">Apellido</div><div class="dat1">Edad</div><div class="dat2">Casa</div><div class="dat1">Origen</div></td><td><div class="retr1"><img src="http://placehold.it/100x150"></div></td><td><div class="retr2"><img src="http://placehold.it/100x150"></div></td><td><div class="dat2">Sangre</div><div class="dat1">Boggart</div><div class="dat2">Patronus</div><div class="dat1">Amortentia</div><div class="dat2">Played By</div></td></tr></table><div class="hogtit">Psicología y Datos</div><div class="hist">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at magna quis nisi venenatis posuere. In volutpat, libero sodales convallis congue, tortor ligula sodales massa, vitae convallis metus ipsum at metus. Sed facilisis purus non nulla scelerisque pharetra. Pellentesque metus dui, aliquam non dolor ac, euismod ultrices nunc. Aliquam congue lectus in porta ultricies. Ut in tortor volutpat, hendrerit neque nec, porttitor magna. Morbi dictum lorem quis eros molestie, id pulvinar sapien porttitor. Maecenas mattis fermentum sem, quis aliquam tellus vestibulum sed. Aliquam erat volutpat. Aenean vel orci dapibus, placerat nibh et, malesuada augue. Integer vel ante eget tortor pretium vehicula a sed tellus. Aliquam convallis porta maximus. Donec non magna erat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at magna quis nisi venenatis posuere. In volutpat, libero sodales convallis congue, tortor ligula sodales massa, vitae convallis metus ipsum at metus. Sed facilisis purus non nulla scelerisque pharetra. Pellentesque metus dui, aliquam non dolor ac, euismod ultrices nunc. Aliquam congue lectus in porta ultricies. Ut in tortor volutpat, hendrerit neque nec, porttitor magna. Morbi dictum lorem quis eros molestie, id pulvinar sapien porttitor. Maecenas mattis fermentum sem, quis aliquam tellus vestibulum sed. Aliquam erat volutpat. Aenean vel orci dapibus, placerat nibh et, malesuada augue. Integer vel ante eget tortor pretium vehicula a sed tellus. Aliquam convallis porta maximus. Donec non magna erat.</div><div class="hogtit">Nombre del PJ</div><table class="tabla1"><tr><td><div class="relaimg"><img src="http://placehold.it/150x150"></div></td><td><div class="relatext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at magna quis nisi venenatis posuere. In volutpat, libero sodales convallis congue, tortor ligula sodales massa, vitae convallis metus ipsum at metus. Sed facilisis purus non nulla scelerisque pharetra. Pellentesque metus dui, aliquam non dolor ac, euismod ultrices nunc. Aliquam congue lectus in porta ultricies. Ut in tortor volutpat, hendrerit neque nec, porttitor magna. Morbi dictum lorem quis eros molestie, id pulvinar sapien porttitor. Maecenas mattis fermentum sem, quis aliquam tellus vestibulum sed. Aliquam erat volutpat. Aenean vel orci dapibus, placerat nibh et, malesuada augue. Integer vel ante eget tortor pretium vehicula a sed tellus. Aliquam convallis porta maximus. Donec non magna erat.</div></td></tr></table></div><div class="hogname">Nombre del PJ</div>
 <img src="http://bit.ly/1Iw4Pnm" class="hogimg"></center>