[html]<section class="chat-wrapper interactive-chat">
<div class="soc-avatars">
<!----- ссылка на профиль, аватар и ник --->
<a href="#ссылка_на_профиль"><img src="https://upforme.ru/uploads/001c/b7/5d/6/359207.png" alt="avatar" /> <span data-title='online'>@nickname</span></a>
</div>

<div class='chwrap'><div class="soc-chat-wrapper">
<!----- левое сообщение, дата в data-msgtime --->
<p class="left-msg" data-msgtime="05 august, 15:23">
<img src='https://upforme.ru/uploads/001c/b7/5d/6/494451.png' class='msg-av'>
скажи мне, ты дурак?
</p>
<p class="left-msg" data-msgtime="05 august, 15:23">
<img src='https://upforme.ru/uploads/001c/b7/5d/6/494451.png' class='msg-av'>
<img src="https://i.pinimg.com/736x/f7/8b/7a/f78b7a9b22785aa772a0c8784dc2145d.jpg"  />пересмотрел человека-паука?
</p>
<!----- левое войсовое сообщение, дата в data-msgtime --->
<p class="left-msg left-voice" data-msgtime="14:43 PM">
<img src="https://forumstatic.ru/files/001c/b8/3a/93131.png" alt="voice message" />

<!----- правое сообщение, дата в data-msgtime --->
<p class="right-msg">
<img src='https://upforme.ru/uploads/001c/b7/5d/6/359207.png' class='msg-av'>
<img src="https://i.pinimg.com/736x/e2/20/69/e220693cae1c0c77f33ab815d01af204.jpg"  /> а ты солнце не любишь, я же ничего тебе не говорю ��
</p>

<!----- правое войсовое сообщение, дата в data-msgtime --->
<p class="right-msg right-voice" data-msgtime="05 august, 11:23 AM">
<img src='https://upforme.ru/uploads/001c/b7/5d/6/359207.png' class='msg-av'>
<img src="https://forumstatic.ru/files/001c/b8/3a/93131.png" alt="voice message" /><br>
кст, куда ты дел мое худи? я второй час ищу

</p>

<!----- правое сообщение, дата в data-msgtime --->
<p class="right-msg" data-msgtime="13:18">
а еще кроссы
</p>

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

</section>[/html]

Подпись автора

Хронология эпизодов