ToDo: Methode 1 – Float einschließen mit clear

1. Kopieren Sie die Datei galerie_clear.html aus dem Basisordner für diesen Abschnitt in den Übungsordner.
2. Öffnen Sie galerie_clear.html im Editor.
3. Ergänzen Sie jeweils vor dem </div> eine horizontale Linie hr, der Sie die Klasse clearing zuweisen:

   <img src="landschaft01.jpg" width="203" height="180" alt="Von Bäumen umstandener See, in dem sich Wolken spiegeln" />
   <h3>Landschaftsbild 01</h3>
   <p>Lorem ipsum dolor sit amet, ...</p>
   <p>Phasellus suscipit blandit risus ... </p>
   <hr class="clearing" />
   </div> <!-- Ende .galerie 01 -->
   <div class="galerie">
   <img src="landschaft02.jpg" width="203" height="180" alt="Weite Grasfläche mit Wolken und Halmen im Vordergrund" />
   <h3>Landschaftsbild 02</h3>
   <p>Lorem ipsum dolor sit amet, ...</p>
   <hr class="clearing" />
   </div> <!-- Ende .galerie 02 -->

4. Blenden Sie die horizontale Linie aus:

   div.galerie hr {
     width: 0;
     height: 0;
     font-size: 0;
     line-height: 0;
   }

5. Ergänzen Sie im Style-Block von galerie_clear.html eine Klasse zum Clearen:

   .clearing { clear: both; }

6. Speichern Sie die Webseite und betrachten Sie sie im Browser.