<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
p{
font-size:20px;
text-decoration-line: underline;
}
p:nth-child(3){
text-decoration-style: solid;
}
p:nth-child(5){
text-decoration-style: double;
}
p:nth-child(7){
text-decoration-style: dotted;
}
p:nth-child(9){
text-decoration-style: dashed;
}
p:nth-child(11){
text-decoration-style: wavy;
}
</style>
</head>
<body>
<h1>CSS text-decoration-style Property</h1>
<h2>text-decoration-style: solid;</h2>
<p>This is a sentence.</p>
<h2>text-decoration-style: double;</h2>
<p>This is a sentence.</p>
<h2>text-decoration-style: dotted;</h2>
<p>This is a sentence.</p>
<h2>text-decoration-style: dashed;</h2>
<p>This is a sentence.</p>
<h2>text-decoration-style: wavy;</h2>
<p>This is a sentence.</p>
</body>
</html>