Code Messages Textes

<div style="margin:auto;text-align:center;"><div style="text-align:center"><div style="color:grey;">Message</div><span style="color:grey;text-align:center">Aujourd'hui HH:MM</span><div></div><div style="margin-left:45%;"><p style="width:200px;background-color:dodgerblue;border-radius:20px 20px 13px 20px;padding:10px;text-align: left;color:white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean convallis nunc vitae mi laoreet laoreet. Aliquam aliquet non erat ut tempor. Aliquam augue est, pulvinar ut fringilla et, tempor eget ipsum. Sed pellentesque cursus leo vitae porttitor. Praesent eu risus volutpat, pulvinar mi vitae, cursus velit. Sed condimentum sed nisi.</p><div style="width: 0;height: 0;border-style: solid;border-width: 15px 0 0 13px;border-color: transparent transparent transparent dodgerblue;margin-left:215px;margin-top:-30px;"></div></div></div></div>

<div style="margin:auto;text-align:center;"><div style="text-align:center"><div style="color:grey;">Message</div><span style="color:grey;text-align:center">Aujourd'hui HH:MM</span><div></div><div style="margin-left:25%"><p style="width:200px;background-color:lightgrey;border-radius:20px 20px 20px 13px;padding:10px;text-align: left;color:black;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean convallis nunc vitae mi laoreet laoreet. Aliquam aliquet non erat ut tempor. Aliquam augue est, pulvinar ut fringilla et, tempor eget ipsum. Sed pellentesque cursus leo vitae porttitor. Praesent eu risus volutpat, pulvinar mi vitae, cursus velit. Sed condimentum sed nisi.</p><div style="width: 0;height: 0;border-style: solid;border-width: 0 0 13px 13px;border-color: transparent transparent lightgray transparent;margin-left:-10px;margin-top:-30px;"></div></div></div></div>

<div style="margin:auto;text-align:center;"><div style="text-align:center"><div style="color:grey;">Message</div><span style="color:grey;text-align:center">Aujourd'hui HH:MM</span><div></div><div style="margin-left:45%;"><p style="width:200px;background-color:dodgerblue;border-radius:20px 20px 13px 20px;padding:10px;text-align: left;color:white;">Hey ! Ça va ?</p><div style="width: 0;height: 0;border-style: solid;border-width: 15px 0 0 13px;border-color: transparent transparent transparent dodgerblue;margin-left:215px;margin-top:-30px;"></div></div></div></div>
<div style="margin-left:25%"><p style="width:200px;background-color:lightgrey;border-radius:20px 20px 20px 13px;padding:10px;text-align: left;color:black;">Ouais et toi ?</p><div style="width: 0;height: 0;border-style: solid;border-width: 0 0 13px 13px;border-color: transparent transparent lightgray transparent;margin-left:-10px;margin-top:-30px;"></div></div>