Genx Notes

Genx Notes > Tech > Running A Blog > How to wrap text within a code block without overflowing it

How to wrap text within a code block without overflowing it

prakasit khuansuwan m3JQf T9hU unsplash scaled
Genx Avatar
Share This:

To wrap the text in a code block to fit the screen width, enter the following in CSS.

.wp-block-code code {
white-space: pre-wrap;
overflow-wrap: anywhere;
}

Related posts:

  1. How to Create Human-Readable, Language-Aware, and Custom Post-type Sitemaps in Hugo
  2. How I Added a Share Button to My Article Pages in Hugo
  3. How to Translate Hugo Tags Using the i18n Folder (Without Modifying Front Matter)

Related Posts

Mastodon

—

Genx

in

Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

four − 3 =

Webmention: Have you posted a response to this article? Let me know the URL: