The text-decoration-skip-ink CSS property

The underline created by the text-decoration CSS property is skipped or broken for the letters or punctuation marks that are hanging below the text lines. So the above video will quickly show how you can fix the broken underline.

<!DOCTYPE html>
<html>
<head>
<style>

p {
    text-decoration:  underline #ff63fa wavy;
    text-decoration-skip-ink: none;
    font-size: 8em;
    color: green;
}

</style>
</head>
<body>

    <p>Hello my son, this is your great shining car!</p>

</body>
</html>