Esercizio CSS

<!doctype html>
<html>
    <head>
        <title>Primo esercizio</title>
        <meta name="description" content="Primo esercizio">
        <!--  Collegare qui il foglio di stile -->
        <link rel="stylesheet" href="style.css">
    </head>
<body>
    <h1>Intestazione</h1>
    <h2>Sottointestazione</h2>
    <p>Questo paragrafo dovrebbe avere un bordo nero. Mentre <span>questa parte (e solo questa) dovrebbe avere un colore di sforndo giallino chiaro</span></p>
    <p>Il seguente <button>Pulsante</button> dovrebbe illuminarsi SOLO quando sorvolato</p>
    <p>Al capitolo seguente deve essere assegnata una classe "inferno" tale da distinguela <span>visivamente</span> dal testo standard. Idealmente, la prima lettera
    del paragrafo dovrebbe essere in grassetto.</p>

    <h4>INFERNO CANTO 1</h4>
        <p>Nel mezzo del cammin di nostra vita<br />
        mi ritrovai per una selva oscura<br />
        ché la diritta via era smarrita.</p>
</body>
</html>