PrepAway - Latest Free Exam Questions & Answers

Which lines of code should you use?

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.)

PrepAway - Latest Free Exam Questions & Answers

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”;

Explanation:
* 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;
}
CSS position Property; CSS top Property
http://www.w3schools.com/cssref/pr_class_position.asp
http://www.w3schools.com/cssref/pr_pos_top.asp


Leave a Reply