Orbit with style error


#1

https://www.codecademy.com/courses/web-beginner-en-ymqg0/1/2

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


<html>!
style.css
<div id=#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% }
</div>
<div id=<img id="earth" src="http://goo.gl/41IWnf">
#earth {/ Style your earth */ position:absolute; top: 0; left: 50%; height: 50px; width: 50px; margin-left: -25px; margin-top: -25px; } 
    <head>
        <link rel="stylesheet" href="style.css" />
    </head>
    
    <body>
        <!-- Right below is an image of the sun -->
        <img id="sun" src="http://goo.gl/PmbqZa">
        #sun { position: absolute; top: 50%; height 200px; width: 200px; margin-top: -100px; margin-left: -100px; border-color: purple; border-width: 8px; border-style: solid; border-radius: 50%; box-shadow: 0 0 128px red; }
        
        <!-- Insert the 'earth' on the next line -->
        
        
    </body>
</html>


#2

HI all your tags should be inside the <body></body> tag

<!DOCTYPE html>
<html>
    <head>
         <link rel="stylesheet" href="style.css" />
    </head>
    <body>
       <!---Here put all your tag div,h1,h2,h3...-->
    </body>
</html>

#3

Thank you. It worked:)


#4

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.