fix: html formatting

Author: kt3k

docs/index.html

@@ -51,10 +51,10 @@ <h3 class="mt-10">HTML</h3>
       class="html-source overflow-x-scroll lg:rounded-lg shadow-lg bg-gray-800 text-gray-100 p-5 mt-5 -mx-2"
     ></pre>
     <template>
-      <div class="js-mirroring">
-        <input class="src border" placeholder="Type something" />
-        <p class="dest"></p>
-      </div>
+<div class="js-mirroring">
+  <input class="src border" placeholder="Type something" />
+  <p class="dest"></p>
+</div>
     </template>
     <h3 class="mt-10">Result</h3>
     <div class="result border rounded-lg p-5 mt-5"></div>
@@ -102,16 +102,16 @@ <h2 class="text-lg font-medium">Event delegation example</h2>
       pattern.
     </p>
     <template>
-      <div class="js-delegation">
-        <button class="btn border rounded p-2 m-2">btn</button>
-        <p>
-          The event handler is bound to wrapper div (.delegation-example), but
-          the handler is only triggered when the event targeted to '.btn'
-          element.
-        </p>
-        <hr class="my-3" />
-        <div class="result"></div>
-      </div>
+<div class="js-delegation">
+  <button class="btn border rounded p-2 m-2">btn</button>
+  <p>
+    The event handler is bound to wrapper div (.delegation-example), but
+    the handler is only triggered when the event targeted to '.btn'
+    element.
+  </p>
+  <hr class="my-3" />
+  <div class="result"></div>
+</div>
     </template>
     <h3 class="mt-10">JS</h3>
     <pre
@@ -174,8 +174,7 @@ <h2 class="text-lg font-medium">Prevent default example</h2>
       '.e' prop.
     </p>
     <template>
-      <a href="https://google.com" class="js-prevent-default-example underline"
-      >Link</a>
+<a href="https://google.com" class="js-prevent-default-example underline">Link</a>
     </template>
     <h3 class="mt-10">JS</h3>
     <pre