>> English << | Português | По-русскиZVON > Tutorials > CSS tutorial
>> Example 14 << | Prev | Next | Contents

Description

Text can be underlined or a line can be drawn above the text or through the text. This effects can be achieved with "text-decoration" property.

>> Case 1 <<
HTML SourceCSS stylesheet

<p class = "N">Normal</p>
<p class = "U">Underlined</p>
<p class = "O">Overline</p>
<p class = "L">Line-through</p>
body {color:black; background-color: white}

p.U  {text-decoration: underline}
p.O  {text-decoration: overline}
.L   {text-decoration: line-through}

Browser output