Praktyka podstawowych właściwości CSS

Skopiuj poniższy kod HTML na swoją stronę:

html<h1>Języki do stron internetowych</h1>

<h2>PHP i JavaScript</h2>
<p>
  Języki programowania <b>PHP</b> i <b>JavaScript</b> pozwalają
  uczynić stronę dynamiczną, czyli reagującą na działania użytkownika.
  Na przykład, można zrobić ładne rozwijane menu lub slider.
</p>

<h2>Rodzaje skryptów</h2>
<p>
  W tym celu pisze się skrypty (ang. <i>script</i> - "scenariusz") -
  programy pozwalające reagować na działania użytkownika.
  Skrypty dzielą się na dwa rodzaje:
</p>
<ul>
  <li>
    te, które wykonują się na serwerze,
    a wynik ich wykonania przychodzi do przeglądarki
    użytkownika już w gotowej postaci. To skrypty
    napisane w języku <b>PHP</b>. Pisze się w nim
    <b>CMS-y</b> – systemy zarządzania treścią.
  </li>
  <li>
    te, które wykonują się bezpośrednio w przeglądarce użytkownika.
    To skrypty napisane w języku <b>JavaScript</b>.
    Najczęściej są używane po to, aby uczynić stronę
    bardziej wygodną i ładną.
  </li>
</ul>
Задание 1

Dodaj do tego kodu style CSS, aby uzyskać następujący efekt: