Which two lines of code should you use?

You are developing an HTML5 page that has an element with an ID of picture.

The page includes the following HTML.

You need to move the picture element lower on the page by five pixels.

Which two lines of code should you use? (Each correct answer presents part of the solution. Choose two.)
A . document.getEIementById("picture").style.position = "relative";
B . document.getElementById("picture").style.top = "5px";
C . document.getEiementById("picture").style.top = "-5px";
D . document.getEIementById("picture").style.position = "absolute";

View Answer

Answer: A, B

Explanation:

We use relative position to move the position 5 pixels lower on page.

Using a negative value would move the picture higher on the page.

Note:

* The top property sets or returns the top position of a positioned element.

This property specifies the top position of the element including padding, scrollbar, border and margin.

Syntax

Set the top property:

Object.style.top="auto|length|%|inherit"

Where:

Length defines the top position in length units. Negative values are allowed