Computer scienceFrontendCSSBasic propertiesPositioning

Positioning properties

Theory

As in the image

Report a typo

Move the left and top edge of the <div> element by 50 pixels. Specify the z-index property with a value of 1 and the position property with a value so that the result of the code is approximately similar to the image below:

The red square behing the green square

Write HTML and CSS code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Border</title>
</head>
<body>
<div></div>
<p>Positioning Properties</p>
</body>
</html>






Completed 1 of 5
The <div> element has the property "position" with right value
The left corner of the <div> element is shifted by 50 pixels
___

Create a free account to access the full topic