Why is this wrong?


when I enter this code } tells me I did not put in the position: absolute; but I did why wont it accept it?
ishtml, 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;

border-color: orange;
border-width: 8px;
border-style: solid;
border-radius: 50%;

box-shadow: 0 0 128px red;


earth {

/* Style your earth */

    position: absolute;

    margin-top: -25px;
    margin-left: -25px;


earth-orbit {

/* For Section #2 */
position: absolute;
top: 50%;
left: 50%

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

border-width: 2px;
border-style: dotted;
border-color: white;

} tells me I did not put in the position: absolute; but /I did why wont it accept it?


Hey I tried running your code vs mine. The issue wasn't with position, but it was that under #earth-orbit, you misspelled height. Once I corrected it, the program let me continue. Strange that the program alerted you about something and the issue was elsewhere. You also have an extra curly bracket after the #earth section. In the #earth-orbit section, you're missing a semicolon and border-radius should be 50%, not 50px.