← All examples

Stack Overflow: stop wrapping long code lines

Makes long code lines scroll horizontally instead of wrapping so indentation stays intact.

Code to copy

/* Keep code scrollable horizontally instead of wrapping */
.s-prose pre,
.js-post-body pre {
  white-space: pre !important;
  overflow-x: auto !important;
  word-break: normal !important;
}
.s-prose pre code,
.js-post-body pre code {
  white-space: inherit !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.