<div style="display:flex; flex-wrap: wrap; background:white; width:695px; border:solid 7px black; margin:auto;"><link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rubik+Dirt&display=swap" rel="stylesheet">
<div style="width:30px; background:black; writing-mode : vertical-rl; font-family: 'Bebas Neue', cursive; padding:5px;"><div style="font-family: 'Bebas Neue', cursive; font-size:30px;opacity:0.7;line-height:25pt;">Titre du RP</div> </div><div style="width :170px; margin-right:10px;"> <div style="width:170px; margin:10px;"> <div style="width:150px; margin:5px; background:black;font-family: 'Bebas Neue', cursive; font-size:20px; text-decoration:none;"> <center><a href="url" style="color:#AFBBCC;">Musique</a></center> </div><img src="https://images2.imgbox.com/5c/21/qcafQY0S_o.png" style="width:150px; margin:5px;"> <img src="https://images2.imgbox.com/5c/21/qcafQY0S_o.png" style="width:150px; margin:5px;">
<div style="background:black; width:150px; margin:5px; "><div style="font-family: 'Bebas Neue', cursive; text-align:center; opacity:0.7;">Avatar 1 BY <i>monocle</i></div></div><div style="background:black; width:150px; margin:5px; "><div style="font-family: 'Bebas Neue', cursive; text-align:center; opacity:0.7;">Avatar 2 BY <i>monocle</i></div></div><div style="background:black; width:150px; margin:5px; "><div style="font-family: 'Bebas Neue', cursive; text-align:center; opacity:0.7;">FICHE BY <i>Lunatic Café</i></div></div>
</div></div><div style="width:470px; border-left: 5px solid black; "> <div style="width:100%; background:black;"> <div style="font-family: 'Bebas Neue', cursive;font-size:40px; opacity:0.7; margin-left:10px;padding-top:20px; line-height:20pt; color: #AFBBCC;">NOM DE TON PERSO</div><div style="font-family: 'Bebas Neue', cursive;font-size:20px; opacity:0.7; margin-left:10px; padding-bottom:20px; color:#AFBBCC;">feat nom de l'autre personnage</div></div>
<div style="margin: 10px; text-align:justify; font-size: 14px; color:black;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mi tellus, egestas tempus volutpat in, hendrerit a diam. Aenean aliquet urna nec felis venenatis consequat. Fusce convallis tempor turpis. Integer et est laoreet quam maximus tristique. Quisque sed tincidunt velit. Fusce egestas finibus molestie. Curabitur bibendum elit dictum, gravida ligula ut, auctor lorem. Aliquam et bibendum quam, eu semper augue. Aliquam sed risus nec diam fringilla feugiat id a ex. Morbi ullamcorper tortor at dignissim commodo. Duis mollis congue orci, at iaculis nibh.

Sed a facilisis nunc, in porttitor diam. Sed vehicula sit amet nulla quis suscipit. Maecenas quam magna, rutrum ac turpis ac, tristique consectetur quam. Ut a mi sit amet tortor interdum egestas. Sed est neque, dictum sit amet convallis eu, faucibus eu nisl. Pellentesque varius neque a lacinia maximus. Quisque porta nisl sed ante faucibus, ut vehicula mauris posuere. Donec eleifend mauris ac cursus dignissim. Vestibulum massa eros, porta ac dapibus auctor, feugiat id tellus. Mauris vestibulum efficitur quam, nec maximus ligula rutrum eu. Aliquam sodales placerat nisi, pulvinar viverra est pretium ut.

Nulla ac est a tortor pulvinar porta. Maecenas sit amet sem ultrices, volutpat diam ut, pharetra ipsum. Maecenas consectetur est vitae tempor laoreet. Integer malesuada leo sed neque pretium, id volutpat leo bibendum. Suspendisse potenti. Quisque aliquam diam turpis, vel facilisis augue scelerisque eu. In euismod consequat urna, ut facilisis nibh auctor vitae. Donec consequat ultricies quam non viverra. Vestibulum et elit ligula.

Nunc vitae lacus eget magna semper maximus. Suspendisse elementum mauris vel quam tristique cursus. Nulla ante est, lobortis et aliquet vitae, aliquet a lectus. Nullam nec nulla nibh. Ut porttitor purus non mi vehicula, vitae imperdiet metus vulputate. Donec a sollicitudin lorem. Curabitur lobortis ut arcu id aliquam. Sed sodales, lacus eget semper aliquam, lacus diam vehicula arcu, a hendrerit ipsum ipsum blandit metus. Aenean accumsan, nisl nec commodo pharetra, arcu est pellentesque quam, bibendum cursus quam quam et enim. Aliquam semper vehicula dictum. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Donec congue ligula suscipit consequat pretium. Fusce accumsan fermentum ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque egestas ex et felis accumsan, vitae pellentesque risus suscipit. Nunc imperdiet in tortor at euismod. Etiam id pharetra enim. Fusce vehicula efficitur nulla. Nullam in arcu leo. Maecenas ac lorem non quam egestas suscipit quis in risus. Fusce ornare orci magna, rutrum congue nisl vehicula vitae. Aliquam aliquet nisi nec ipsum efficitur euismod. Quisque eget turpis vel mi elementum iaculis vel et massa. Vestibulum nec pharetra odio, a lacinia nibh.</div></div></div>