<!DOCTYPE HTML>
<html>
<head>
    <script>
        if (window.testRunner)
            testRunner.dumpAsText(true);
    </script>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <p>Test if each value (auto, alphabetic and under) works. Auto defaults to
    alphabetic, so they should look the same, that is, the horizontal line
    should cross the 'p' letter in the word 'ipsum'. Under should not cross the
    'p' letter. Bugzilla link: http://webkit.org/b/102795.</p>

    <div class="auto">auto lorem ipsum</div>
    <div class="alphabetic">alphabetic lorem ipsum</div>
    <div class="under">under lorem ipsum</div>
    <div class="auto">auto lorem ipsum <span class="under">under lorem ipsum</span> <span class="alphabetic">alphabetic lorem ipsum</span></div>
</body>
</html>