07.4 CSS Relative position of a Div

Details

You know that if you have a sequence of tags. The first tag is drawn before the last one... see below.

<p>first thing</p> <p>second thing</p> <p>third thing</p> <p>fourth thing</p>

You can shift items around on the screen... relative to their real position.

In this example the last element is shifted up by 25 pixels

<!DOCTYPE html> <html> <head> <style> div.blahdiv { position:relative; top:-25px; } </style> </head> <body> <p>first thing</p> <p>second thing</p> <p>third thing</p> <div class="blahdiv"><p>fourth thing</p></div> </body> </html>