Underlined title : Title section « CSS Controls « HTML / CSS






  1. HTML / CSS
  2. CSS Controls
  3. Title section

Underlined title

  

<!DOCTYPE html PUBLIC "-/pp/W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type='text/css'>
            body {
                width: 200px;
            }
            h1::first-letter, p::first-letter {
                text-transform: capitalize; 
            }
            h1 {
                text-align: center;
                text-decoration: underline;
            }
            p {
                text-indent: 25px;
                text-align: justify;
                letter-spacing: 1px;
                word-spacing: 5px;
            }
            
        </style>
    </head>
    <body>
        <h1>This is the title.</h1>
        <p>This is a test. This is a test. This is a test. </p>
        <p>This is a test. This is a test. </p>
        <p>This is a test. </p>
    </body>
</html>








Related examples in the same category

1.Add background image to title text
2.Add no repeat icon to title text
3.Title format: font-family: Arial, sans-serif;color: #369;
4.Add border line to title text
5.Use background to highlight title text
6.Title section
7.Set line height for titled section
8.Set font family for titled section
9.Set title letter space for titled section
10.Change title font style for titled section
11.Letter drop for titled section
12.Titled section with justified alignment
13.Align title to the center
14.Text transformation for title
15.Set title size to small-caps
16.Paragraph indent for titled section
17.Place contact link list to the right top
18.Adding shading to top bar
19.Top links
20.Place language selection, about and contact information on the very top of the page