fix: use spans for lines and tokens

Kinda makes more sense to use inline tags for that.
norskeld · Jan 15, 2022 · 1fa32ed · 1fa32ed
1 parent 0157c87
commit 1fa32ed
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/renderer.ts b/src/renderer.ts
@@ -58,7 +58,7 @@ export function renderToHtml(
     const lineClasses = getLineClasses(lineOptions, ['line']).join(' ')
 
     // Open: line.
-    append(`<div class="${lineClasses}">`)
+    append(`<span class="${lineClasses}">`)
 
     if (line.length) {
       line.forEach((token) => {
@@ -72,17 +72,17 @@ export function renderToHtml(
         ]
 
         append(
-          `<div class="line-token" style="${cssDeclarations.join('; ')}">${escapeHtml(
+          `<span class="line-token" style="${cssDeclarations.join('; ')}">${escapeHtml(
             content
-          )}</div>`
+          )}</span>`
         )
       })
     } else {
-      append(`<div class="line-token">&nbsp;</div>`)
+      append(`<span class="line-token">&nbsp;</span>`)
     }
 
     // Close: line.
-    append(`</div>`)
+    append(`</span>`)
   })
 
   // Close: building the lines with code.