Boxmodell/textunterlaenge-und-bilder/index.html

<!DOCTYPE html>
<html lang="de">

  <head>
    <meta charset="UTF-8">
    <title>Textunterlänge und Bilder</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <h1>Die Textlinie</h1>
    <h2>Text hat Buchstaben mit Unterlängen. Deshalb schweben Bilder ein wenig in der Luft.</h2>
    <p><img src="photo-1562932831-afcfe48b5786.jpg" alt=""> Bavaria ipsum dolor sit amet i moan scho aa Trachtnhuat
      kloan Edlweiss oamoi do griaß God beinand des is hoid aso und des muas ma hoid kenna. Abfieseln hoid Biakriagal
      Breihaus pfiad de. Diandldrahn heid is a geh auszutzeln. Auffi unbandig de Sonn Mamalad a geh ned woar pfiad de
      Engelgwand lem und lem lossn zwoa san. Trachtnhuat wolpern pfiad de kumm geh, hoam. Hoid Mamalad du dadst ma scho
      daugn Maderln imma obandeln sog i Schuabladdla Schaung kost nix wia da Buachbinda Wanninger Graudwiggal. I bin a
      woschechta Bayer ebba o’ha liberalitas Bavariae in da kummd Biazelt Schdeckalfisch zünftig.</p>

    <div class="testbox">
      <img src="photo-1562932831-afcfe48b5786.jpg" alt="">
    </div>
    <p><a
        href="https://images.unsplash.com/photo-1562932831-afcfe48b5786?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ">Fotoquelle:
        unsplash</a></p>
  </body>

</html>