Petite fiche de présentation

Explications :

- Image en 150 x 150px (ou plus grand mais format carré, le code redimensionnera automatiquement l'image)
- titre ou pseudo court
- Vous pouvez écrire beaucoup, une barre de défilement s'affichera automatiquement

Code:

<style>/* Installation de la police */@font-face {font-family: 'Soulwave';src:url('https://dl.dropboxusercontent.com//s/132tpgl2pe10701/Soulwave.ttf') format('truetype');font-weight: normal;font-style: normal;} /* Début du code */.boxPREZ {font-weight:400;color:black;width:500px;height:500px;overflow:hidden;border:1px solid #E1E2E2;background:#F8F9F9;padding:35px;margin:auto;position:relative;}.jspPREZ {background:white;border:1px solid #E1E2E2;height:460px;padding:20px;position:relative;overflow:auto;z-index:5;font-family: 'Playfair Display', serif;font-size:13px;text-align:justify;}.boxPREZ > span {content:'Elizabeth';font-family:'Soulwave';font-size:40px;top: 3%;left: 50%;transform: translate(-50%, 0%);position:absolute;z-index:10;}.intPREZ {float:left;margin-right:20px;padding-bottom:5px;width:150px;}.ppPREZ {border:1px solid #E1E2E2;background:#F8F9F9;padding:15px;width:120px;height:120px;}.ppPREZ img {height:auto;width:100%;border:1px solid #E1E2E2;}.infoPREZ {border:1px solid #E1E2E2;background:#F8F9F9;padding:10px;margin-top:15px;width:130px;text-align:left;font-size:11px;}.infoPREZ a {font-family:'Playfair Display',serif;color:black;text-decoration:none;font-size:10px;padding:5px;background:white;border:1px solid #E1E2E2;display:inline-block;position:absolute;margin-left:95px;}</style><link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet"/><!-- ESPACEMENT

--><div class="boxPREZ"><span>pseudo court</span><div class="jspPREZ"><div class="intPREZ"><div class="ppPREZ"><img src="https://zupimages.net/up/20/46/th6l.png"/></div><div class="infoPREZ"><a href="url vers la fiche du personnage ou autre chose">fiche</a><strong>xxx :</strong> xxx<br/><strong>xxx :</strong> xxx<br/><strong>xxx :</strong> xxx<br/><strong>xxx :</strong> xxx</div></div>Présentation du personnage/un résumé du personnage/autre chose ?</div></div>