Exam 70-480 topic 1 question 18 discussion

Actual exam question from Microsoft's 70-480

Question #: 18
Topic #: 1

You are developing an HTML5 page that has an element with an ID of logo. The page includes the following HTML.
<div>
Logo:<br>
<div id="logo">
</div>
</div>
You need to move the logo element lower on the page by five pixels.
Which lines of code should you use? (Each correct answer presents part of the solution. Choose two.)

A. document.getElementById("logo") .style.position = "relative";
B. document.getElementByld("logo").Style.top = "5px";
C. document.getElementById("logo").style.top = "-5px";
D. document.getElementById("logo").style.position = "absolute";

Show Suggested Answer

Suggested Answer: AB 🗳️
* style.position = "relative";
The element is positioned relative to its normal position, so "left:20" adds 20 pixels to the element's LEFT position.
* For relatively positioned elements, the top property sets the top edge of an element to a unit above/below its normal position.

Example: Example -
Set the top edge of the image to 5px below the top edge of its normal position: img { position: relative; top: 5px;
}
Reference: CSS position Property; CSS top Property
http://www.w3schools.com/cssref/pr_class_position.asp
http://www.w3schools.com/cssref/pr_pos_top.asp

by JMz123 at Oct. 22, 2019, 7:05 p.m.