Tryit Editor v2.9

Edit This Code:

<!DOCTYPE html>
<html>
<head>
<style>
p {
 text-decoration: underline;
 -moz-text-decoration-style: wavy; /* Code for Firefox */
 text-decoration-style: wavy;
}
</style>
</head>
<body>

The paragraphs in this example should be displayed with a wavy line under the text.

Note: The text-decoration-style is not supported in any of the major browsers.

Note: Firefox supports an alternative, the -moz-text-decoration-style property.

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
p {
    text-decoration: underline; 
    -moz-text-decoration-style: wavy; /* Code for Firefox */
    text-decoration-style: wavy; 
}
</style>
</head>
<body>

<p>The paragraphs in this example should be displayed with a wavy line under the text.</p>

<p><b>Note:</b> The text-decoration-style is not supported in any of the major browsers.</p>

<p><b>Note:</b> Firefox supports an alternative, the -moz-text-decoration-style property.</p>

</body>
</html>