| <!DOCTYPE html> | |
| <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> | |
| <style> | |
| @import "support/MetricsTestFont.css"; | |
| .spacer { | |
| background: lightgray; | |
| block-size: 100px; | |
| } | |
| .target { | |
| font: 100px/2 MetricsTestFont; | |
| position: relative; | |
| top: -50px; | |
| height: 100px; | |
| } | |
| .atomic { | |
| display: inline-block; | |
| background: lime; | |
| } | |
| </style> | |
| <div class="spacer"></div> | |
| <div class="target"> | |
| <span class="atomic">ApÉx</span> | |
| </div> | |
| <div class="spacer"></div> |