Testseite für responsives Layout - Schritt 1

Erstellen Sie eine HTML-Seite analog zu der Abbildung. Sie können sich an der folgenden Struktur orientieren:

<div>
    <p>
            ...
    </p>
</div>
                                    
<div>
    <div>
        <p>
            ...
        </p>
    </div>
</div>

Hinterlegen Sie in den Absätzen jeweils einen Text mit mindestens 100 Wörtern. Zum Generieren eines Blindtextes können Sie diese Seite benutzen: Lorem-Ipsum-Generator

Definieren Sie in einer CSS-Datei unterschiedliche Hintergrundfarben und mindestens die folgenden Layoutregeln:

div {
    margin: 5px;
    padding: 10px;
}
                                    
p {
    padding: 10px;
}