Tryit Editor v1.4

<html> <head> <style> h1.ex1 { position:relative; left:20px; } h1.ex2 { position:relative; left:-20px; } </style> </head> <body> <h1>Normal Heading</h1> <h1 class="ex1">Heading +20</h1> <h1 class="ex2">Heading -20</h1> <p> Relative positioning moves an element relative to its original position. </p> <p> "left:20" adds 20 pixels to the element's LEFT position. </p> <p> "left:-20" subtracts 20 pixels from the element's LEFT position. </p> </body> </html> | Your Result:
Edit the code above and click to see the result. | W3Schools.com - Try it yourself