[html]<section class="chat-wrapper">
<div class="soc-avatars">
<!----- ссылка на профиль, аватар и ник --->
<a href="#ссылка_на_профиль"><img src="https://i.pinimg.com/1200x/6c/e5/30/6ce530c1e4d32720b122545c3f12e9fb.jpg" alt="avatar" /> <span data-title='online'>@marrk</span></a>
</div>

<div class='chwrap'><div class="soc-chat-wrapper">

<!----- левое сообщение, дата в data-msgtime --->
<p class="right-msg" data-msgtime="19:34">
<img src='https://i.pinimg.com/1200x/6c/e5/30/6ce530c1e4d32720b122545c3f12e9fb.jpg' class='msg-av'>
привет <img src='https://i.imgur.com/wBb63FB.png' style='border-radius:0;width:20px;' >
</p>

<!----- левое сообщение, дата в data-msgtime --->
<p class="right-msg" data-msgtime="19:36">
<img src='https://i.pinimg.com/1200x/6c/e5/30/6ce530c1e4d32720b122545c3f12e9fb.jpg' class='msg-av'>
лесли спрашивала о тебе
</p>

<!----- левое сообщение, дата в data-msgtime --->
<p class="right-msg" data-msgtime="19:37">
<img src='https://i.pinimg.com/1200x/6c/e5/30/6ce530c1e4d32720b122545c3f12e9fb.jpg' class='msg-av'>
порадуешь нас сегодня своим присутствием?
</p>

</div><div class="write-msg"></div></div>

</section>[/html]