Long lines are wrapped

Could you tell me your site url?

Maybe, you should add some CSS code on the WP Code Prettify setting page, in the text field next to ‘You can add custom css here.’.

And there are some keywords maybe useful for you: overflow, word-wrap, word-break.

Good luck.

I tried a combination of these CSS properties, but I didn’t manage to create the behavior I want.

I tried overflow-y: scroll; and white-space: nowrap; but that only works for one line of code. Once there are more than one line, it ignores the line breaks and creates one very long line of code.

Sorry, I could not help unless I know your site url and the browser you use.

Check out this page:
https://www.ravellosystems.com/blog/android-emulator-on-amazon-ec2-and-google-cloud/

The last code example (search for DISPLAY=localhost:2 on the page) should be three lines. I would like to have horizontal scrolling, instead of the word wrap.

I use Chrome, but the solution should be cross-browser…

Thanks!

You should add “white-space: nowrap;” for your <pre>, and make sure it takes effect.

Good luck.^_^

I did that, but it caused the 3 lines to be one very long line…

Well, try “white-space: pre; word-wrap: normal;” .

Thank you! That did the trick!

Cool!

Good luck!^_^