JSFiddle - React, Tailwind, and code Playground

HTML

<div class="chat">
    <b>User 1: </b> nein in U-Haft <br><b>User 1: </b> Wieso das den, NudelMC <br><b>User 1: </b> Der feine Herr very loooooooooooooooooooooooooooooooooooooooooooooooooong musste sich ja besaufen <br><b>User 1: </b>dann ist er auf dem Lokalen Straßen fest auf einen Tisch geklettert <br><b>User 1: </b> brüllt "FÜR ALLAH" und wirft seinen Rucksack in die Menge <br><b>User 1: </b> Lustig wars aber.. <br><b>User 1: </b>LOL <br><b>User 1: </b>und sitzplätze waren auch wieder frei! <br>    <b>User 1: </b> nein in U-Haft <br><b>User 1: </b> Wieso das den, NudelMC <br><b>User 1: </b> Der feine Herr Cybetec musste sich ja besaufen <br><b>User 1: </b>dann ist er auf dem Lokalen Straßen fest auf einen Tisch geklettert <br><b>User 1: </b> brüllt "FÜR ALLAH" und wirft seinen Rucksack in die Menge <br><b>User 1: </b> Lustig wars aber.. <br><b>User 1: </b>LOL <br><b>User 1: </b>und sitzplätze waren auch wieder frei! <br>    <b>User 1: </b> nein in U-Haft <br><b>User 1: </b> Wieso das den, NudelMC <br><b>User 1: </b> Der feine Herr Cybetec musste sich ja besaufen <br><b>User 1: </b>dann ist er auf dem Lokalen Straßen fest auf einen Tisch geklettert <br><b>User 1: </b> brüllt "FÜR ALLAH" und wirft seinen Rucksack in die Menge <br><b>User 1: </b> Lustig wars aber.. <br><b>User 1: </b>LOL <br><b>User 1: </b>und sitzplätze waren auch wieder frei! <br>
</div>

CSS

.chat{
	width: 230px;
     height: 310px;

	margin-left: 10px;
	background-color: grey;
    border: solid 1px black;
	color: #1855a3;
	overflow-y:scroll;
}