Frage zu Scrollbar

[AugustQ]

Hi,

ich habe mal wieder eine Frage:

ich habe eine Box, in der ich Texte als quasi-Zitat darstellen möchte. So habe ich diese definiert:

blockquote.zitat {
    background-color: #f0f0f0;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    margin-right: 50px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 3px solid #ccc;
    max-height; 150px;
    overflow: auto;
} 

Nun zitiere ich meinen Text:

<blockquote class="zitat">timestamp,latitude,longitude,surface_classification_paving,
surface_classification_asphalt,surface_classification_standing,
surface_classification_compacted,distance,surface_anomaly,humidity,
finedust_pm10,temperature,finedust_pm2_5,finedust_pm4,surface_classification_sett,
finedust_pm1,overtaking<br/>
2025-08-03 12:59:18.120,50.0571599,8.3027395,0.07,0.84,0.09,0.00,
0.00,0.00,51.67,3.06,21.38,3.06,3.06,0.00,2.90,0.05<br/>

usw.

Die Darstellung hier ist jetzt auch schwierig: das sind 2 Zeilen Text. Erste Zeile soll die Überschrift sein, die folgende Zeile stellt einen Datensatz dar. Ist eine Datei im typischen CSV-Format.

Edit Rolf B: Ich habe versucht, das zu formatieren

Wie man sieht ist die erste Zeile zu lang. Es sieht hässlich aus, wenn die erste Zeile in der Box über 3 Zeilen geht. Ich hätte gerne nur eine Zeil daraus gemacht.

Wie kriege ich da jetzt einen Scrollbar rein in mein blockquote?

Schönen Gruß AugustQ

PS: ja, es sieht auch mit einer Zeile hässlich aus, aber so sind nun mal meine Daten.