Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="CSS.css">
    <title>Solar System</title>
</head>
<body>
    <section class="clearfix">
        <ul class="solarsystem">
          <li class="sun"><a href="#sun"><span>Sun</span></a></li>
          <li class="mercury"><a href="#mercury"><span>Mercury</span></a></li>
          <li class="venus"><a href="#venus"><span>Venus</span></a></li>
          <li class="earth"><a href="#earth"><span>Earth<span class="moon"> &amp; Moon</span></span></a></li>
          <li class="mars"><a href="#mars"><span>Mars</span></a></li>
          <li class="asteroids_meteorids"><span>Asteroids &amp; Meteorids</span></li>
          <li class="jupiter"><a href="#jupiter"><span>Jupiter</span></a></li>
          <li class="saturn"><a href="#saturn"><span>Saturn &amp; <span class="ring">Ring</span></span></a></li>
          <li class="uranus"><a href="#uranus"><span>Uranus</span></a></li>
          <li class="neptune"><a href="#neptune"><span>Neptune</span></a></li>
          <li class="pluto"><a href="#pluto"><span>Pluto</span></a></li>
          <li class="comet"><a href="#comet"><span>Comet</span></a></li>
        </ul>
    </section>
</body>
</html>