Fix CSS Normal Flow: Inline demo

flow/block-inline/inline.html

@@ -72,35 +72,29 @@
     </section>
 
     <textarea id="code" class="playable-html">
+    <p>Before that night—<strong>a memorable night</strong>, as it was to prove—hundreds of millions of people had watched the rising smoke-wreaths of their fires without drawing any special inspiration from the fact.”</p>
+    </textarea>
 
-  <p>Before that night—<strong>a memorable night</strong>, as it was to prove—hundreds of millions of people had watched the rising smoke-wreaths of their fires without drawing any special inspiration from the fact.”</p></textarea
-    >
     <div class="playable-buttons">
       <input id="reset" type="button" value="Reset" />
     </div>
   </body>
   <script>
     var section = document.querySelector("section");
-    var editable = document.querySelector(".editable");
     var textareaHTML = document.querySelector(".playable-html");
-    var textareaCSS = document.querySelector(".playable-css");
     var reset = document.getElementById("reset");
     var htmlCode = textareaHTML.value;
-    var cssCode = textareaCSS.value;
 
     function fillCode() {
-      editable.innerHTML = textareaCSS.value;
       section.innerHTML = textareaHTML.value;
     }
 
     reset.addEventListener("click", function () {
       textareaHTML.value = htmlCode;
-      textareaCSS.value = cssCode;
       fillCode();
     });
 
     textareaHTML.addEventListener("input", fillCode);
-    textareaCSS.addEventListener("input", fillCode);
     window.addEventListener("load", fillCode);
   </script>
 </html>