Práctica sobre propiedades básicas de CSS

Copia el siguiente código HTML en tu página:

html<h1>Lenguajes para sitios web</h1>

<h2>PHP y JavaScript</h2>
<p>
  Los lenguajes de programación <b>PHP</b> y <b>JavaScript</b> permiten
  hacer un sitio web dinámico, es decir, que reaccione a las acciones del usuario.
  Por ejemplo, se puede hacer un menú desplegable atractivo o un carrusel de imágenes.
</p>

<h2>Tipos de scripts</h2>
<p>
  Para ello se escriben scripts (ingl. <i>script</i> - "guion") -
  programas que permiten reaccionar a las acciones del usuario.
  Los scripts son de dos tipos:
</p>
<ul>
  <li>
    los que se ejecutan en el servidor,
    y el resultado de su ejecución llega al navegador del
    usuario ya en forma terminada. Son scripts
    escritos en el lenguaje <b>PHP</b>. En él se escriben
    los <b>CMS</b> – sistemas de gestión de contenidos.
  </li>
  <li>
    los que se ejecutan directamente en el navegador del usuario.
    Son scripts escritos en el lenguaje <b>JavaScript</b>.
    Se utilizan con mayor frecuencia para hacer la página
    más conveniente y atractiva.
  </li>
</ul>
Задание 1

Añade a este código estilos CSS para obtener el siguiente resultado: