this is HTML code:
< div class= "small-chat" >
<div class="heading bg-dark text-white">
<span class="ml-2"></span>
<small class="chat-date float-right mr-2">
<span>2018.06.19</span>
</small>
</div>
<div class="chat-content my-1"style="height: 25rem; overflow:auto;overflow-x:hidden;">
<div class="user-group">
<div class="user-message">
<span class="user-reply"></span>
<i class="triangle-user"></i>
</div>
<img class="user-img" src="/assets/images/g.png"/>
</div>
<div class="admin-group">
<img class="admin-img" src="assets/images/timg.jpg"/>
<div class="admin-message">
<i class="triangle-admin"></i>
<span class="admin-reply"></span>
</div>
</div>
</div>
<div class="input-group input-group-sm" style="height: 2.5rem">
<textarea class="form-control"></textarea>
<div class="input-group-prepend">
<span class="input-group-btn">
<button class="btn btn-green btn-sm"
(click)="send(msg.value);msg.value=""">
</button>
</span>
</div>
</div>
</div>-sharp-sharp-sharp
the environmental background of the problems and what methods you have tried
related codes
/ / Please paste the code text below (do not replace the code with pictures)