Liste de connaissance et fiche relationnelle

<link href="https://use.fontawesome.com/releases/v5.0.7/css/all.css" rel="stylesheet">
<link href="https://www.aht.li/3451055/codeforum.css" rel="stylesheet">

<div class="shipper-wrap"><div class="shipper">
<table><tr><td><div style="width:200px;"><img src="http://via.placeholder.com/200x320" class="shipper-img" style="height:320px; width:200px;" /></div></td><td>
<h2><b>Prénom</b> Nom</h2>
<h3>Race - âge - Origine - Occupation</h3>
<p>Mini description de toi.</p>
<div class="shipper-links"><a href="#"><i class="far fa-address-card"></i> fiche</a><a href="#"><i class="fas fa-pencil-alt"></i> rps</a><a href="#"><i class="far fa-envelope"></i> message</a></div></td></tr></table>
<h2 class="looking">Looking <b>for</b>...</h2>
<div class="shipper-look"><label>Lien 1</label>Description du lien un peu trop long pour rien parce que ça prend de quoi de long.</div>
<div class="shipper-look"><label>Lien 2</label>Description du lien un peu trop long pour rien parce que ça prend de quoi de long.</div>
<div class="shipper-look"><label>Lien 3</label>Description du lien un peu trop long pour rien parce que ça prend de quoi de long.</div>
</div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">AWFUL</a></div></div>



<div class="shipper-wrap item-wrap"><div class="shipper item"><img src="http://via.placeholder.com/100x160" style="height:160px; width:100px;" /><div><h3><b>Prénom</b> Nom</h3><label>Lien</label><p>Description.</p></div></div></div>