Domainmonster.com Glossary

Please select the glossary subject area you require

• Domain Name Glossary
• Hosting Glossary
• Search Glossary
• Web Design Glossary
• CSS Glossary

• Email & Spam Glossary

CSS Position Relative

Example CSS to position an element relative to its normal position.

Example CSS:
• h2.pos_left {position:relative; left:-20px;}
• h2.pos_right {position:relative; left:20px;}

Example HTML:
• <h2>Heading 1 is in its original position.</h2>
• <h2 class="pos_left">Heading 2 is moved left of its original position.</h2>
• <h2 class="pos_right">Heading 3 is moved right of its original position.</h2>
• <p>Relative positioning moves an element RELATIVE to its original position.</p>
• <p>The style "left:-10px" subtracts 10 pixels from the element's original left position.</p>

Example:

Heading 1 is in its original position.

Heading 2 is moved left of its original position.

Heading 3 is moved right of its original position.

Relative positioning moves an element RELATIVE to its original position.

The style "left:-10px" subtracts 10 pixels from the element's original left position.

The style "left:10px" adds 10 pixels to the element's original left position.

CSS Classification - Classification  Element Display  Float Property  Image Border & Margin - Float Right  Image & Caption Floated Right  First Letter Of A Paragraph Floated Left With Style
Horizontal Menu  Page Without Tables  Position Relative  Position Absolute  Invisible Element  Cursor Change

Domainmonster.com - Domain Name Registration Service

Domainmonster.com - Domain Name Registration.  Domain Names  Cheap Domain Renewal.  Domain Transfer