pseudo | pseudo

<div class="telsms"><div class="imgsms"><img src="https://64.media.tumblr.com/6841132f623c4ec81909f411bee09eda/d8fa739f33ae8a82-f1/s400x600/8fea77e4ceb0ae3ba8c7d4c388fd73d8c129ffa7.pnj"></div><div class="nom">@"pseudo"<hr/><i>00/00/00</i><div style="float: right; padding-right: 5px;"><i>00:00</i></div></div>
<div class="msg">le texte de votre sms ici. le texte de votre sms ici. le texte de votre sms ici. le texte de votre sms ici. le texte de votre sms ici. le texte de votre sms ici.   </div>
<div class="bout">Envoyer</div><div class="crédit">code by artween</div></div>


<style>.telsms {width: 350px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; background: var(--fond);} .imgsms img {width: 55px; height: 55px; float: left; margin: 5px; padding: 3px; border-radius: 50px; border: solid 1px var(--nuance);} .telsms .nom {width: 270px; height: 20px; margin-top: 10px; border-bottom: solid 1px var(--nuance); text-transform: uppercase; font-size: 10px;} .telsms .msg {width: 330px; margin: 10px; padding: 10px; border-radius: 10px 10px 0px 10px; background: var(--decotext1);} .telsms .bout {width: 44px; margin: 0 0 5px 275px; padding: 5px; border-radius: 10px; background: var(--decotext2); text-transform: uppercase; font-size: 9px;} .telsms .crédit {text-align: center; text-transform: uppercase; font-size: 8px; color: var(--nuance); opacity: 0.5; margin-bottom: 5px;}</style>