CSS Zeilenumbruch trotz Overflow ?

[Eighteen Zeros]

Nabend,

Ich habe ein kleines Problem ich möchte bei meinem Blog eine Code Box benutzen.

Da es die leider aber nicht wie hier im Forum schon im Edit Bereich eine Qode Box gibt muss ich sie per Css selbst einfügen.

Hier der Code:

.code {
background:#f5f8fa;
background-repeat:no-repeat;
border: solid #5C7B90;
border-width: 1px 1px 1px 20px;
color: #000000;
font: 13px 'Courier New', Courier, monospace;
line-height: 16px;
margin: 10px 0 10px 10px;
max-height: 200px;
min-height: 16px;
overflow: scroll;
padding: 10px 10px 10px;
}

.code:hover {
background: #FAFAFA;
background-repeat:no-repeat;
}

http://code-sammlung.blogspot.de/2014/07/code-box.html

Wie zu sehen wird die rot gekennzeichnete Zeile umgebrochen ich verstehe nur nicht wieso

Gruß

 

[tender89]

overflow: auto;

ausprobiert?

 

[Tumbleweed]

white-space: nowrap;

bzw.

white-space: pre;

Siehe: http://www.impressivewebs.com/css-white-space/

 

[Eighteen Zeros]

Mit auto habe ich das auch schon probiert. Aber das andere Probiere ich aus, wenn ich zuhause bin.

Danke

Edit: So hab es getestet und Funktioniert so wie gewünscht ... Vielen Dank