Word Wrap for code in preview mode

[timothevs]

While the code shows correctly wrapped in the editing mode, in preview mode the code does not wrap and runs on in one long line.

[Craftidore]

Try making your own css snippet to deal with this. Here’s mine:

Wrap Codeblocks (CSS Snippet)

I hated how my code blocks had a scroll bar that forced me to scroll to see all the code—very inconvenient given that I use Obsidian for quick reference notes, and having to scroll sideways kills the “quick” part of quick reference. Anyway, I wrote a CSS snippet to fix this. .markdown-preview-view pre > code[class*="language-"], .markdown-preview-view pre > code { white-space: pre-wrap; } .markdown-preview-view.nowrap pre > code[class*="language-"], .markdown-preview-view.nowrap pre > code…