Fiche de RP

<link href="https://fonts.googleapis.com/css?family=Montserrat:300, 900|Roboto" rel="stylesheet"><style>:root {--accent-color: #d5b9b1;}.life * { box-sizing: border-box; }.life {border: 1px solid #ccc;width: 550px;box-sizing: border-box;padding: 5px;background: #dbdbdb;font-family: 'Roboto', sans-serif;position: relative;margin: 10px auto;}.life a, .life a:hover {text-decoration: none!important;color: var(--accent-color);opacity: 1;transition: opacity 0.3s;}.life a:hover {opacity: 0.5;}.life > div {border:1px solid #ccc;padding: 30px;background: #fff;display: flex;flex-wrap: wrap;}.life > div > div:first-child {width: 100px;height: 100px;border:1px solid #ccc;padding: 5px;box-sizing: content-box;}.life > div > div:first-child img {width: 100%;height: 100%;}.life > div > div:nth-child(2) {flex: 1;margin-left: 10px;height: 112px;background: var(--accent-color);box-sizing: border-box;padding: 10px;}.life > div > div:nth-child(2) h2,.life > div > div:nth-child(2) h3{margin: 0;color: #fff;font-weight: 300;text-transform: uppercase; font-family: inherit;}.life > div > div:nth-child(2) h2 {font-family: 'Montserrat', sans-serif;font-size: 28px;line-height: 28px;border:0;}.life > div > div:nth-child(2) h2 b {font-weight: 900;}.life > div > div:nth-child(2) h3 {font-size: 9px;letter-spacing: 1px;}.life > div > div:nth-child(3) {flex: 100%;text-align: justify;font-size: 11px;margin-top: 10px;margin-bottom: 10px;padding: 30px 40px;border:1px solid #ccc;}.life > div > div:nth-child(3) b {color: var(--accent-color);}.life > div > div:last-child {line-height: 9px;font-size: 9px;color: #777;}.life > div > div:last-child tag {border:1px solid #ccc;text-transform: uppercase;font-size: 8px;letter-spacing: 1px;color: #999;padding: 2px 3px;margin-right: 5px;}.life-credit {position: absolute;bottom: -15px;right: 0;text-transform: uppercase;font-size: 8px;letter-spacing: 1px;}</style>
  <div class="life"><div><div><!--
  --><img src="http://via.placeholder.com/150x150"></div><!--
  --><div><h2>Life's a bitch and <b>then you die</b></h2><!--
  --><h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h3></div><!--
  --><div><b>Bold text</b>. <i>Italic</i>. <a href="">Link</a>. Texte ici.<!--
  --></div><div><tag>@feat joueur</tag> <!--
  -->Des petites notes ici</div></div><!--
  --><a href="http://terrible.forumactif.org/" target="_blank" class="life-credit" >Awful</a></div>