solar.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>Solar System</title>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
		<link rel="stylesheet" type="text/css" href="style.css"/>
	</head>
	<body>
<div class="celestial-container space">
    <span class ="celestial_body" id="sun">
    <div class ="celestial_body" id="mercury-orbit">
        <span class ="celestial_body" id="mercury">
    </div>
    <div class ="celestial_body" id="venus-orbit">
        <span class ="celestial_body" id="venus">
    </div>
    <div class ="celestial_body" id="earth-orbit">
        <span class ="celestial_body" id="earth">
        <div class ="celestial_body" id="moon-orbit">
            <span class ="celestial_body" id="moon">
        </div>
    </div>
    <div class ="celestial_body" id="mars-orbit">
        <span class ="celestial_body" id="mars">
		        <div class ="celestial_body" id="deimos-orbit">
            <span class ="celestial_body" id="deimos">
        </div>
		<div class ="celestial_body" id="phobos-orbit">
            <span class ="celestial_body" id="phobos">
        </div>
		 </div>
    </div>
    <div class ="celestial_body" id="jupiter-orbit">
        <span class ="celestial_body" id="jupiter">
    </div>
    <div class ="celestial_body" id="saturn-orbit">
        <span class ="celestial_body" id="saturn">
    </div>
    <div class ="celestial_body" id="saturn-rings-orbit">
        <span class ="celestial_body" id="saturn-rings">
    </div>
    <div class ="celestial_body" id="uranus-orbit">
        <span class ="celestial_body" id="uranus">
    </div>
    <div class ="celestial_body" id="neptune-orbit">
        <span class ="celestial_body" id="neptune">
    </div>
</div>
	</body>
</html>