" + html; } html = html.replace("",""); html = html.replace("",""); html = html.replace("",""); html = html.trim(); doc.innerHTML = html; return ( doc.innerHTML.toLowerCase() === html.toLowerCase() ); } function codeCheckWarningClose() { document.getElementById("codeCheckWarning").style.display = "none"; } function codeCheckCorrectClose() { document.getElementById("codeCheckCorrect").style.display = "none"; }
Menu
×
×
Correct!
Exercise:Both the header and the paragraph are positioned at the top of the page. Make sure that the header is placed on top of the paragraph.
<style>
@(8) {
position: absolute;
top: 0;
@(7): 1;
}
@(8) {
position: absolute;
top: 0;
@(7): 0;
}
</style>
<body>
<h1 id="mytitle">This is a heading</h1>
<p id="myintro">This is a paragraph</p>
</body>
<style>
#mytitle {
position: absolute;
top: 0;
z-index: 1;
}
#myintro {
position: absolute;
top: 0;
z-index: 0;
}
</style>
<body>
<h1 id="mytitle">This is a heading</h1>
<p id="myintro">This is a paragraph</p>
</body>
<style>
h1 {
position: absolute;
top: 0;
z-index: 1;
}
p {
position: absolute;
top: 0;
z-index: 0;
}
</style>
<body>
<h1 id="mytitle">This is a heading</h1>
<p id="myintro">This is a paragraph</p>
</body>
<style>
#mytitle {
position: absolute;
top: 0;
z-index: 1;
}
p {
position: absolute;
top: 0;
z-index: 0;
}
</style>
<body>
<h1 id="mytitle">This is a heading</h1>
<p id="myintro">This is a paragraph</p>
</body>
<style>
h1 {
position: absolute;
top: 0;
z-index: 1;
}
#myintro {
position: absolute;
top: 0;
z-index: 0;
}
</style>
<body>
<h1 id="mytitle">This is a heading</h1>
<p id="myintro">This is a paragraph</p>
</body>
Not CorrectClick here to try again. Correct!Next ❯ |
This will reset the score of ALL 138 exercises.
Are you sure you want to continue?