Wie kann man eine horizontale Linie erstellen

Source Code: (back to article)

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      .hr1 {
      height: 25px;
      background: url(/uploads/media/default/0001/01/e7a97bd9b2d25886cc7b9115de83b6b28b73b90b.jpeg) no-repeat center;
      border: none;
      }
      .hr2 {
      height: 25px;
      background: url(/uploads/media/default/0001/01/295e26d0bdf4d635c8887a6b0f37b61d7c69c5fc.png) no-repeat center;
      border: none;
      }
      .hr3 {
      height: 25px;
      background: url(/uploads/media/default/0001/01/09a69b0ad1525926a508356955843cf84306fd85.png) no-repeat center;
      border: none;
      }
      .hr4 {
      height: 20px;
      background: url(/uploads/media/default/0001/01/12fbe0b5b3d06c7e379d646068faa12f70452638.png) no-repeat center;
      border: none;
      }
      .hr5 {
      height: 50px;
      background: url(/uploads/media/default/0001/01/7d5f2a204567da4df1c1d7e5017d7b510ef56619.jpeg) no-repeat center;
      border: none;
      }
      .hr6 {
      height: 70px;
      background: url(/uploads/media/default/0001/01/fb69fe21cc880d96b3267efaa88cd72288a77fef.png) no-repeat center;
      border: none;
      }
    </style>
  </head>
  <body>
    <h1>Horizontale Linien mit Bildern</h1>
    <hr class="hr1" />
    <br />
    <hr class="hr2" />
    <br />
    <hr class="hr3" />
    <br />
    <hr class="hr4" />
    <br />
    <hr class="hr5" />
    <hr class="hr6" />
  </body>
</html>