BZZ - Modulwiki - de:modul:m287:learningunits:lu04:loesungen
https://wiki.bzz.ch/
2026-06-03T06:33:06+00:00BZZ - Modulwiki
https://wiki.bzz.ch/
https://wiki.bzz.ch/_media/wiki/logo.pngtext/html2026-03-25T08:35:29+00:00Anonymous (anonymous@undisclosed.example.com)LU04.L01 - Display
https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/loesungen/display?rev=1774427729&do=diff
LU04.L01 - Display
Aufgabenstellung
* Beschreiben Sie den Unterschied zwischen Block- und Inline-Elementen in HTML und geben Sie jeweils ein Beispiel für ein Block-Element und ein Inline-Element an.
* Ändern Sie das Anzeigeverhalten eines Elements mit dertext/html2026-04-01T11:57:44+00:00Anonymous (anonymous@undisclosed.example.com)LU04.L02 - Flexbox
https://wiki.bzz.ch/de/modul/m287/learningunits/lu04/loesungen/flex?rev=1775044664&do=diff
LU04.L02 - Flexbox
Aufgabenstellung
Gestalten Sie Ihr HTML-Dokument gemäss Vorgabe.
Lösungen
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- CSS einbinden -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<div class="logo">Item 1</div>
<div class="nav">
<div class="nav-item">Item 1</div>
<div class="nav-item">Item 2</div>
<div cl…