Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE html>
2 <html lang="en-US">
3 <head>
4 <title>text-decoration alignment</title>
5 <meta charset=UTF-8>
6 <style>
8 span.block { position: absolute; top: 0; left: 0; }
9 span.dec { text-decoration: underline }
10 span.hide { color: transparent }
12 </style>
13 </head>
14 <body>
16 <p style="position: relative">
17 <span class="block" style="margin-top: 16px"><span class="hide"></span><span class="dec" style="color:black ">x<span class="hide">xx</span></span></span>
18 <span class="block" style="margin-top: 08px"><span class="hide">x</span><span class="dec" style="color:fuchsia">x<span class="hide">x</span></span></span>
19 <span class="block" style="margin-top: 00px"><span class="hide">xx</span><span class="dec" style="color:aqua ">x<span class="hide"></span></span></span>
20 </p>
22 </body>
23 </html>