From 424472c6bb59e17ecebc25b4b975c249aab4b9d7 Mon Sep 17 00:00:00 2001
From: Nick Cummings <nickmcummings@gmail.com>
Date: Wed, 23 Feb 2022 15:50:37 -0800
Subject: [PATCH] Add missing parent <div> element to code example.

In the previous commit, the missing `{#each}` tags were restored, which is helpful -- but it left out the `<div>` that wraps the `<input>`s. If a reader were copying from the example into the workspace, they would notice the styles breaking as a result. This change is intended to clarify that the parent `<div>` element should remain intact.
---
 .../06-bindings/09-each-block-bindings/text.md | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/site/content/tutorial/06-bindings/09-each-block-bindings/text.md b/site/content/tutorial/06-bindings/09-each-block-bindings/text.md
index 9c352703f1..2174ec578f 100644
--- a/site/content/tutorial/06-bindings/09-each-block-bindings/text.md
+++ b/site/content/tutorial/06-bindings/09-each-block-bindings/text.md
@@ -6,15 +6,17 @@ You can even bind to properties inside an `each` block.
 
 ```html
 {#each todos as todo}
-	<input
-		type=checkbox
-		bind:checked={todo.done}
-	>
+	<div class:done={todo.done}>
+		<input
+			type=checkbox
+			bind:checked={todo.done}
+		>
 
-	<input
-		placeholder="What needs to be done?"
-		bind:value={todo.text}
-	>
+		<input
+			placeholder="What needs to be done?"
+			bind:value={todo.text}
+		>
+	</div>
 {/each}
 ```