|
1 <!DOCTYPE html> |
|
2 <html lang="en-US"> |
|
3 <head> |
|
4 <title>text-decoration alignment</title> |
|
5 <meta charset=UTF-8> |
|
6 <style> |
|
7 |
|
8 span.block { position: absolute; top: 0; left: 0; } |
|
9 span.dec { text-decoration: underline } |
|
10 span.hide { color: transparent } |
|
11 |
|
12 </style> |
|
13 </head> |
|
14 <body> |
|
15 |
|
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> |
|
21 |
|
22 </body> |
|
23 </html> |