Fix span-related layout issues

css/index.css

@@ -82,8 +82,9 @@ aside, p {
   margin-bottom: 1em;
 }
 
-aside span {
-  display: inline-block;
+aside, aside p {
+  font-style: italic;
+  font-size: 1rem;
 }
 
 h1 {
@@ -147,11 +148,6 @@ a:hover {
   color: #466B6A;
 }
 
-aside, aside p {
-  font-style: italic;
-  font-size: 1rem;
-}
-
 ol {
   list-style-type: decimal;
 }
@@ -206,6 +202,10 @@ pre, code[class*="language-"], pre[class*="language-"], pre code span {
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
 }
 
+.preserve-whitespace {
+  white-space: pre;
+}
+
 .hidden {
   display: none;
 }

index.html

@@ -144,7 +144,7 @@
             <h3>Tip</h3>
             <p>The following command pipes the installation script into your shell. <strong>Make sure you understand what any script does before piping it into your shell.</strong></p>
 
-            <p>This installation script downloads the correct Site.js binary for your platform and places it on your path.  View the source of the <a class='linux macos' href='https://should-i-pipe.it/https://sitejs.org/install'>Linux and macOS</a><span class='no-js'> and </span><a class='windows' href='https://should-i-pipe.it/https://sitejs.org/install.txt'>Windows</a> script<span class='no-js'>s</span>.</p>
+            <p>This installation script downloads the correct Site.js binary for your platform and places it on your path.  View the source of the <a class='linux macos' href='https://should-i-pipe.it/https://sitejs.org/install'>Linux and macOS</a><span class='no-js preserve-whitespace'> and </span><a class='windows' href='https://should-i-pipe.it/https://sitejs.org/install.txt'>Windows</a> script<span class='no-js'>s</span>.</p>
             <p id='copy-tip' class='hidden'>You can <span class='just-click'>click</span><span class='click-and-tap'>/</span><span class='just-tap'>tap</span> the code samples to copy them to the clipboard.</p>
           </aside>