diff --git a/layout/html/document/src/quirk.css b/layout/html/document/src/quirk.css
index 2ffd555a41f7..ded3e43f251e 100644
--- a/layout/html/document/src/quirk.css
+++ b/layout/html/document/src/quirk.css
@@ -161,31 +161,29 @@ hr:after {
 /* Quirk: DD not in DL has text-indent instead of margin (b=5119) */
 
 dd {
-  text-indent: 40px;
+  display: inline;
   margin: 0;
 }
-
-dd > * {
-  text-indent: 0;
+dd:before {
+  display: inline;
+  white-space: pre;
+  font-size: 1px;
+  line-height: 0;
+  content: "\A  ";
+  margin-right: 40px;
+}
+dl > dd:before {
+  white-space: normal;
+  font-size: inherit;
+  line-height: inherit;
+  content: none;
+  margin: 0;
 }
-
 dl > dd {
-  text-indent: inherit;
+  display: block;
   margin-left: 40px;
 }
 
-dl > dd > * {
-  text-indent: inherit;
-}
-
-dl dl {
-  margin: 0 0 0 40px;
-}
-
-dt dl, dd dl {
-  margin: 0 0 0 0;
-}
-
 /* Quirk: MAP acts like an inline, not a block */
 map {
   display: inline;
diff --git a/layout/style/quirk.css b/layout/style/quirk.css
index 2ffd555a41f7..ded3e43f251e 100644
--- a/layout/style/quirk.css
+++ b/layout/style/quirk.css
@@ -161,31 +161,29 @@ hr:after {
 /* Quirk: DD not in DL has text-indent instead of margin (b=5119) */
 
 dd {
-  text-indent: 40px;
+  display: inline;
   margin: 0;
 }
-
-dd > * {
-  text-indent: 0;
+dd:before {
+  display: inline;
+  white-space: pre;
+  font-size: 1px;
+  line-height: 0;
+  content: "\A  ";
+  margin-right: 40px;
+}
+dl > dd:before {
+  white-space: normal;
+  font-size: inherit;
+  line-height: inherit;
+  content: none;
+  margin: 0;
 }
-
 dl > dd {
-  text-indent: inherit;
+  display: block;
   margin-left: 40px;
 }
 
-dl > dd > * {
-  text-indent: inherit;
-}
-
-dl dl {
-  margin: 0 0 0 40px;
-}
-
-dt dl, dd dl {
-  margin: 0 0 0 0;
-}
-
 /* Quirk: MAP acts like an inline, not a block */
 map {
   display: inline;