Opdracht 3

We gaan nu proberen de header boven de tekst te zetten, dat is heel eenvoudig:

<div class="header">
    <h1>Mijn website</h1>
    <p>Een website door mij gemaakt in klas 3</p>
</div>

Ook deze moeten we opmaken.

We kunnen dat doen door in het css bestand naar de class="header" te verwijzen:

.header {

}

We kunnen ook naar het <h1> element in de header verwijzen in css:

.header h1 {

}

Zorg dat je de volgende opmaak toevoegt aan de header:

• padding is 80px
• tekst staat in het midden (gecentreerd)
• kies een mooie achtergrondkleur
• kies een voorgrondkleur die ook te lezen is
• maak de tekst van het h1 element groot genoeg (bijvoorbeeld 40px)

Opdracht 2 Opdracht 4