Edit

CSS Text Decoration

none − No decoration should be added to the inline text.

underline − An underline is drawn beneath the inline text.

overline − An overline is drawn above the inline text.

line-through − A line should be drawn through the middle of the inline text.

blink − The inline text should blink on and off, analogous to the BLINK element introduced by Netscape.

Example of Code

<!DOCTYPE html>
<html>
<head>
  <title>Example</title>
  <style type="text/css">
  .overline {
    text-decoration: overline;
  }
  .line-through {
    text-decoration: line-through;
  }
  .underline {
    text-decoration: underline;
  }
  a:link {
    text-decoration: none;
  }
  </style>
</head>
  <body>
    <p class="overline">This text has a line over the top</p>
    <p class="line-through">This text has a line through the middle</p>
    <p class="underline">This text has a line underneath</p>
    <a href="/css/" target="_blank">This hyperlink has no underline</a>
  <body>
</html>

Output

Example

This text has a line over the top

This text has a line through the middle

This text has a line underneath

This hyperlink has no underline