text-underline-offset-vertical-001-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>Reference case for text-underline-offset</title>

    <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />

    <style>

        span{

            font: 20px/1 Ahem;

            color: transparent;

            writing-mode: vertical-lr;

            text-decoration: green underline;

            text-decoration-skip-ink: none;

            text-underline-offset: 0;

    </style>

</head>

<body>

    <div>Test passes if the underline is vertical and close to the word left</div>

    <div>left<span>XXXXX</span></div>

</body>

</html>