uld be offset by 10px to the right, and not interrupted at the direction boundary:</p>

<div>
  <h1 style="text-underline-offset: 10px;">
    the جلدي brown fox
  </h1>
  <h1 style="left: 10px; color: transparent; text-underline-offset: 10px;">
    the <u>جلدي brown</u> fox
  </h1>
</div>
