<!DOCTYPE html>
<html>
<head>
</head>
<body>
This test makes sure the underline is placed in the right vertical place.
<div style="position: relative;">
<div style="font: 48px 'Times'; text-decoration: underline; -webkit-text-decoration-skip: none; text-underline-position: auto; text-underline-offset: 0px;">Hello<div style="display: inline-block; width: 1px; height: 60px;"></div></div>
<div style="position: absolute; left: 100px; top: 0px; width: 300px; height: 100px; background: black;"></div>
</div>
</body>
</html>