Run
Online Code Editor
<!DOCTYPE html> <html> <head> <title> CSS right Property </title> <style> div{ position: relative; width: 250px; height: 100px; font-size: 40px; } #len { right: -100px; border: 5px solid lightgreen; } #per { right: -30%; border: 5px solid blue; } #auto { right: auto; border: 5px solid red; } #init { right: initial; border: 5px solid lightblue; } </style> </head> <body> <h1> Example of the right Property </h1> <div id = "len"> right: -100px; </div> <div id = "per"> right: -30%; </div> <div id = "auto"> right: auto; </div> <div id = "init"> right: initial; </div> </body> </html>