This forum is now read-only. Please use our new forums! Go to forums

0 points
Submitted by benandjonny2
almost 9 years

Oops, try again. Did you add your earth-orbit 'div'? 5/7

I need Help. It says this but it isn’t working Here is my code: html, body { /* The universe takes up all available space */ width: 100%; height: 100%;

/* The universe is black */
background-color: black;

}

#sun { position: absolute; /* Positions the top-left corner of the image to be * /* in the middle of the box */ top: 50%; left: 50%;

/* Play with these numbers to see what it does */
height: 200px;
width: 200px;
margin-top: -100px; 
margin-left: -100px;

}

#earth { position: absolute; top: 0; left: 50%;

height: 50px;
width: 50px;
margin-left: 58px;
margin-top: -0px;
/* Style your earth */

}

#earth-orbit { position: absolute; top: 50%; left: 50%;

width: 500px;
height: 500px;
margin-top: -250px;
margin-left: -250px;

border-width: 2px;
border-style: dotted;
border-color: white;
border-radius: 50%;
/* For Section #2 */

} This is in style CSS

Answer 552312c751b887383b0004d0

0 votes

Permalink

Hi benandjonny2,

Your code passed for me. Could you please post and format your HTML?

points
Submitted by Zeke Y
almost 9 years