Attachment 479806 Details for Bug 315487 – 05-multiple-spans

05-multiple-spans

05-multiple-spans.html (text/html), 1.49 KB, created by Karl Dubost on 2026-05-25 08:10:52 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Karl Dubost

Created: 2026-05-25 08:10:52 PDT

Size: 1.49 KB

patch

obsolete

><!DOCTYPE html>
><html lang="en">
><head>
><meta charset="utf-8">
><title>05 â three-fragment chains (Bug 315487)</title>
><style>
>  body { font-family: -apple-system, system-ui, sans-serif; margin: 2em; }
>  h1 { font-size: 1.2em; }
>  .case { font: 80px Arial, sans-serif; margin: .5em 0; -webkit-text-decoration: dotted darkred underline; text-decoration: dotted darkred underline; text-decoration-thickness: 20px; }
>  .case i, .case b, .case em, .case mark { font-style: normal; font-weight: normal; background: transparent; }
>  .label { font: 12px monospace; color: #555; }
>  hr { border: 0; border-top: 1px dashed #ccc; margin: 1em 0; }
></style>
></head>
><body>
><h1>05 â three-fragment chains</h1>
><p>Multiple inner inline boxes mean more boundaries. With period 40px and arbitrary text-box widths, every boundary has a high probability of phase mismatch pre-fix.</p>
>
><div class="label">5 text-boxes: a + &lt;i&gt;b&lt;/i&gt; + c + &lt;b&gt;d&lt;/b&gt; + e</div>
><div class="case">a<i>b</i>c<b>d</b>e</div>
>
><div class="label">7 text-boxes (alternating)</div>
><div class="case">a<i>b</i>c<b>d</b>e<em>f</em>g</div>
>
><div class="label">nested: a + &lt;i&gt;b&lt;b&gt;c&lt;/b&gt;d&lt;/i&gt; + e</div>
><div class="case">a<i>b<b>c</b>d</i>e</div>
>
><div class="label">consecutive empty-text spans should not break: a&lt;span&gt;&lt;/span&gt;b&lt;span&gt;&lt;/span&gt;c</div>
><div class="case">a<span></span>b<span></span>c</div>
>
><hr>
><p class="label">Reference (no inner inlines).</p>
><div class="case">abcde</div>
></body>
></html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>05 â three-fragment chains (Bug 315487)</title>
<style>
  body { font-family: -apple-system, system-ui, sans-serif; margin: 2em; }
  h1 { font-size: 1.2em; }
  .case { font: 80px Arial, sans-serif; margin: .5em 0; -webkit-text-decoration: dotted darkred underline; text-decoration: dotted darkred underline; text-decoration-thickness: 20px; }
  .case i, .case b, .case em, .case mark { font-style: normal; font-weight: normal; background: transparent; }
  .label { font: 12px monospace; color: #555; }
  hr { border: 0; border-top: 1px dashed #ccc; margin: 1em 0; }
</style>
</head>
<body>
<h1>05 â three-fragment chains</h1>
<p>Multiple inner inline boxes mean more boundaries. With period 40px and arbitrary text-box widths, every boundary has a high probability of phase mismatch pre-fix.</p>

<div class="label">5 text-boxes: a + &lt;i&gt;b&lt;/i&gt; + c + &lt;b&gt;d&lt;/b&gt; + e</div>
<div class="case">a<i>b</i>c<b>d</b>e</div>

<div class="label">7 text-boxes (alternating)</div>
<div class="case">a<i>b</i>c<b>d</b>e<em>f</em>g</div>

<div class="label">nested: a + &lt;i&gt;b&lt;b&gt;c&lt;/b&gt;d&lt;/i&gt; + e</div>
<div class="case">a<i>b<b>c</b>d</i>e</div>

<div class="label">consecutive empty-text spans should not break: a&lt;span&gt;&lt;/span&gt;b&lt;span&gt;&lt;/span&gt;c</div>
<div class="case">a<span></span>b<span></span>c</div>

<hr>
<p class="label">Reference (no inner inlines).</p>
<div class="case">abcde</div>
</body>
</html>

Actions: View

Attachments on bug 315487: 479796 | 479797 | 479798 | 479799 | 479800 | 479801 | 479804 | 479805 | 479806 | 479807 | 479808 | 479809 | 479810 | 479811