diff --git a/src/templates/generic-line.mustache b/src/templates/generic-line.mustache
index 37ed7a1..145eb19 100644
--- a/src/templates/generic-line.mustache
+++ b/src/templates/generic-line.mustache
@@ -4,18 +4,7 @@
     </td>
     <td class="{{type}}">
         <div class="{{contentClass}} {{type}}">
-        {{#prefix}}
-            <span class="d2h-code-line-prefix">{{{prefix}}}</span>
-        {{/prefix}}
-        {{^prefix}}
-            <span class="d2h-code-line-prefix">&nbsp;</span>
-        {{/prefix}}
-        {{#content}}
-            <span class="d2h-code-line-ctn">{{{content}}}</span>
-        {{/content}}
-        {{^content}}
-            <span class="d2h-code-line-ctn"><br></span>
-        {{/content}}
+            <span class="d2h-code-line-ctn" data-prefix="{{#prefix}}{{{prefix}}}{{/prefix}}{{^prefix}}&nbsp;{{/prefix}}">{{#content}}{{{content}}}{{/content}}{{^content}}<br>{{/content}}</span>
         </div>
     </td>
 </tr>
diff --git a/src/ui/css/diff2html.css b/src/ui/css/diff2html.css
index acd5db5..f211075 100644
--- a/src/ui/css/diff2html.css
+++ b/src/ui/css/diff2html.css
@@ -126,12 +126,16 @@
   text-align: left;
 }
 
-.d2h-code-line-prefix {
+/* .d2h-code-line-prefix {
   display: inline;
   background: none;
   padding: 0;
   word-wrap: normal;
   white-space: pre;
+} */
+
+.d2h-code-line-ctn:before {
+  content: attr(data-prefix);
 }
 
 .d2h-code-line-ctn {
@@ -207,7 +211,7 @@
 
 .d2h-code-linenumber,
 .d2h-code-side-linenumber,
-.d2h-code-line-prefix,
+/* .d2h-code-line-prefix, */
 .d2h-emptyplaceholder {
   user-select: none;
 }