Werken met geordende lijst (Opgelost)

<p class="hitboxartiest">

<p class="hitboxartiest">

<p class="hitboxtitel">

<p class="hitboxtitel">

<h1>Hitbox top 5</h1>

<h1>Hitbox top 5</h1>

<ul>
<li>1. Lady GaGa feat. Beyonce

<ul>
<li>1. Lady GaGa feat. Beyonce

<li>1. Lady GaGa feat. Beyonce
<ul>
<li>Telephone</li>
</ul>
</li>

<li>1. Lady GaGa feat. Beyonce
<ul>
<li>Telephone</li>
</ul>
</li>

<div id="hitbox">
<h1>Hitbox Top 5</h1>
<hr />
<ul>
  <li>Lady GaGa feat. Beyonce
    <ul>
      <li>Telephone</li>
    </ul>
  </li>
  <li>David Guetta feat. Kid Cudi
    <ul>
      <li>Memories</li>
    </ul>
  </li>
  <li>Iyaz
    <ul>
     <li>Replay</li>
    </ul>
  </li>
  <li>Rihanna
    <ul>
     <li>Rudebody</li>
    </ul>
  </li>
</ul>
</div>

<div id="hitbox">
<h1>Hitbox Top 5</h1>
<hr />
<ul>
  <li>Lady GaGa feat. Beyonce
    <ul>
      <li>Telephone</li>
    </ul>
  </li>
  <li>David Guetta feat. Kid Cudi
    <ul>
      <li>Memories</li>
    </ul>
  </li>
  <li>Iyaz
    <ul>
     <li>Replay</li>
    </ul>
  </li>
  <li>Rihanna
    <ul>
     <li>Rudebody</li>
    </ul>
  </li>
</ul>
</div>

#hitbox {
background: black;
width: 250px;
}
h1 {
color: white;
padding: 0 20px;
margin: 0;
}
hr {
width: 250px;
float: left;
margin: 0;
}
li {
color: white;
list-style: decimal;
font-weight: 900;
}
li li {
font-weight: 100;
list-style: none;
}

#hitbox {
background: black;
width: 250px;
}
h1 {
color: white;
padding: 0 20px;
margin: 0;
}
hr {
width: 250px;
float: left;
margin: 0;
}
li {
color: white;
list-style: decimal;
font-weight: 900;
}
li li {
font-weight: 100;
list-style: none;
}

#menu li a{...}

#menu li a{...}

#hitbox li li{...}

#hitbox li li{...}

voorbeeld {
background: url('/images/plaatje.png') no-repeat center #000000;
}

voorbeeld {
background: url('/images/plaatje.png') no-repeat center #000000;
}

body {
border: 2px solid white;
}

body {
border: 2px solid white;
}