<center><link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet"><style type="text/css">.miniheure {font-size: 8px;color: #000000;font-weight: bold;padding-top: 70px;}.surname {font-family: Lato; font-size: 13px; font-weight: bold;color: #000000;margin-top: 2px;}.boxmssg {margin-top: 6px;width: 232px; height: 344px;overflow:auto;}.mssgsent{margin-top: 12px;width: 170px;background-color: #2BA0FD;float: right;margin-right: 6px;margin-bottom: 10px;font-family: Lato; font-size: 10px; text-align: justify; color: #ffffff;padding: 4px;border-radius: 10px 10px 10px 10px;}.mssgreceived {width: 170px; background-color: #E5E5EA; float: left;margin-left: 6px;margin-top: 10px;margin-bottom: 12px;font-family: Lato; font-size: 10px; text-align: justify; color: #000000;padding: 4px;border-radius: 10px 10px 10px 10px;}</style>
<div style="background-image: url('https://i.imgur.com/4PPKzqG.png'); width:270px; height:559px;"><div class="miniheure">00:07</div><div class="surname">Pseudo</div><div class="boxmssg"><div class="mssgsent">message envoyé ici. lorem ipsum dolores sit amet. (...)</div><div class="mssgreceived">message reçu ici. lorem ipsum dolor sit amet, consectetur adipiscing elit. ut sagittis erat vitae magna pharetra viverra. pellentesque ut interdum ex. ut vel quam dui. </div><div class="mssgsent">message envoyé ici. lorem ipsum dolores sit amet. (...)</div></div></center>