Scroll bars in HTML Boxes

I am exploring text scrollbar. Here are my notes …

I have some css from here, which works fine.

.scroll-box {
  width: 650px; /* max width of the box, feel free to change this! */
  overflow-x: scroll;
  white-space: nowrap;
}

The first example is held as text in the wordpress data base, the 2nd is implemented as a code snip.

I am having problems with code, specifically python, because tabs and indents are significant.

This is hard with HTML, possibly the overflow property is a better way to do this.