underline text html css code example

Example 1: text-decoration css

h1 {
  text-decoration: overline;
}

h2 {
  text-decoration: line-through;
}

h3 {
  text-decoration: underline;
}

h4 {
  text-decoration: underline overline;
}

Example 2: html text decoration

<p style="text-decoration: none;"> There will be no effects. Default value </p>
<p style="text-decoration: underline;"> Text will be underlined </p>
<p style="text-decoration: overline;"> A line will be drawn over the text </p>
<p style="text-decoration: line-through;"> Text will be strikethrough </p>

Example 3: line through in css

x {
  text-decoration: line-through;
}

Example 4: underline text using css

/* Using 'text-decoration' property with 'underline' value. we can draw underline below the text using css */
<style>
p {
  text-decoration: underline;
}
</style>
<p>Hello all Welcome here !!!</p>

Example 5: underline text in html

<!-- Using 'u' tag we can draw underline below the text in HTML -->
<p>Hello all <u>Welcome here !!!</u></p>