JSFiddle - React, Tailwind, and code Playground

by j08691

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;
    word-break:break-word;
}