Make <pre> renderer look better

[tyt2y3]

Where in the docs did you come across this? Section 4.4 Rendering with JavaScript

Describe what about it does not make sense Rendered universe looks rectangular

Why does it not make sense? It looks like square in subsequent section, making it hard to compare.

How could we improve it? Add the following CSS:

  pre {
    line-height: 10px;
    font-size: 16.5px;
  }

Now rendered universe will look approximately square.