#page-title

Description

The title of a particular page.

Containers
Outline
Image Unavailable
Click to view in closer detail!

Details

This id correlates with the page title of the page you are viewing. For instance, the title of this page is #page-title.

The page title is actually located within a <div> block and is not associated with any of the header tags (<h1>, <h2>, etc.). The title is made to look like a title with CSS styling, such as adding a border along the bottom, making it larger, or giving it a different font.

Examples

The page title on this page is italicized for additional emphasis.

#page-title{    font-style: italic; }

Try It on the CSS Zone Sandbox!

Base CSS

#page-title{
    margin: 0 0 0.5em 0;
    padding-top: 0.5em; /* Firefox bug? */
    font-size: 200%;
    border-bottom: 1px solid #666;
}

Not defined in Base CSS.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License