kein Zeilenumbruch bei code und pre erzwingen

Hallo Community,

Auf meiner Webseite mit dem Theme Twenty Sixteen wird Text mit <code> und <pre> umgebrochen, statt mit einer horizontalen Bildlaufleiste dargestellt zu werden.

Störend ist dies z.B. hier. Unter zusätzlichem CSS habe ich folgendes ergänzt:

}


.entry-content pre,
.comment-content pre {
    border-radius: 6px;
    color: #FFF;
    font: 1.4em monospace;
    background-color: #000;
    margin: 20px 0;
    padding: 1em;
}


code {
    overflow: auto;
    display: block;
    font: 1.4em monospace;
    color: #FFF;
    background-color: #000080;
    padding: 0.5em;
    overflow: auto;
}

PS: vor langer, Zeit hatte ich dieses Problem schon einmal gehabt. Leider greifen die Lösungsvorschläge von damals nicht mehr. Wer kann mir einen Stoss in die richtige Richtung geben. Irgendwie stehe ich voll auf dem Schlauch...

LG B-52

Zitat von b3317133

Ergänze mal das hier:

Code

white-space: pre;

Vielen Dank. Funktioniert und somit gelöst!
LG B-52

Schon wieder was gelernt.