From 551adbe4a0f6bc6b4ef5817d0c345b3bcfb22937 Mon Sep 17 00:00:00 2001
From: skyclouds2001 <95597335+skyclouds2001@users.noreply.github.com>
Date: Sat, 4 Jan 2025 18:38:16 +0800
Subject: [PATCH] Update syntax for `white-space`

---
 live-examples/css-examples/text/white-space.html | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/live-examples/css-examples/text/white-space.html b/live-examples/css-examples/text/white-space.html
index 70e12ca65..89e75430b 100644
--- a/live-examples/css-examples/text/white-space.html
+++ b/live-examples/css-examples/text/white-space.html
@@ -6,31 +6,37 @@
     </button>
   </div>
   <div class="example-choice">
-    <pre><code class="language-css">white-space: nowrap;</code></pre>
+    <pre><code class="language-css">white-space: pre;</code></pre>
     <button type="button" class="copy hidden" aria-hidden="true">
       <span class="visually-hidden">Copy to Clipboard</span>
     </button>
   </div>
   <div class="example-choice">
-    <pre><code class="language-css">white-space: pre;</code></pre>
+    <pre><code class="language-css">white-space: pre-wrap;</code></pre>
     <button type="button" class="copy hidden" aria-hidden="true">
       <span class="visually-hidden">Copy to Clipboard</span>
     </button>
   </div>
   <div class="example-choice">
-    <pre><code class="language-css">white-space: pre-wrap;</code></pre>
+    <pre><code class="language-css">white-space: pre-line;</code></pre>
     <button type="button" class="copy hidden" aria-hidden="true">
       <span class="visually-hidden">Copy to Clipboard</span>
     </button>
   </div>
   <div class="example-choice">
-    <pre><code class="language-css">white-space: pre-line;</code></pre>
+    <pre><code class="language-css">white-space: wrap;</code></pre>
+    <button type="button" class="copy hidden" aria-hidden="true">
+      <span class="visually-hidden">Copy to Clipboard</span>
+    </button>
+  </div>
+  <div class="example-choice">
+    <pre><code class="language-css">white-space: collapse;</code></pre>
     <button type="button" class="copy hidden" aria-hidden="true">
       <span class="visually-hidden">Copy to Clipboard</span>
     </button>
   </div>
   <div class="example-choice">
-    <pre><code class="language-css">white-space: break-spaces;</code></pre>
+    <pre><code class="language-css">white-space: preserve nowrap;</code></pre>
     <button type="button" class="copy hidden" aria-hidden="true">
       <span class="visually-hidden">Copy to Clipboard</span>
     </button>