<!doctype html> <meta charset="utf-8"> <link rel="author" name="Delan Azabani" href="mailto:dazabani@igalia.com"> <link rel="stylesheet" href="support/highlights.css"> <style> * { text-decoration-skip-ink: none; text-decoration-skip: none; } main { font-size: 7em; margin: 0.5em; width: min-content; } .background { width: 100%; height: 0.25em; background: #707070C0; } .unselected { color: #E03838C0; text-decoration: #C0C000C0 solid line-through; } .selected { background: #38E038C0; text-decoration: #663399C0 solid line-through; } .selected, .selected * { color: #663399C0; } .selection { text-decoration: #3838E0C0 solid underline; } </style> <main class="highlight_reftest"> <div class="hrt_layers"> <div class="background"></div> <div>qui<span class="unselected">ck</span></div> <div><span class="selected"><span class="selection">qui</span></span>ck</div> quick </div> </main>