Relative Position of Div Layer

Case 3: Inside a div layer with Relative Position

Line 1:

Line 2:

Line 3: The div layer is created under this line.

Div layer id "layer1" with Relative Position

Top - 50 px
Left - 50 px

Div layer "layer1" is contained inside div layer "outerWrapper" with Relative Position. Now the position of this div layer will be aligned according to the Top Left corner of the outerWrapper div layer.

 

Div layer id "outerWrapper" with Relative Position

Line 4: This is the line just below the div layer

Return to Div Layer Relative Position Tutorial