Alapvető CSS tulajdonságok gyakorlata

Másolja a következő HTML kódot a saját oldalára:

html<h1>Weboldal nyelvek</h1>

<h2>PHP és JavaScript</h2>
<p>
  A <b>PHP</b> és <b>JavaScript</b> programozási nyelvek lehetővé teszik,
  hogy a weboldal dinamikus legyen, azaz reagáljon a felhasználó műveleteire.
  Például készíthető vele szép legördülő menü vagy diavetítő.
</p>

<h2>Szkriptfajták</h2>
<p>
  Ehhez szkripteket (angolul <i>script</i> - "forgatókönyv") írnak -
  olyan programokat, amelyek reagálnak a felhasználó műveleteire.
  A szkriptek kétféleképpen fordulhatnak elő:
</p>
<ul>
  <li>
    olyanok, amelyek a szerveren futnak le,
    és az eredményüket a felhasználó böngészőjébe már
    kész formában továbbítják. Ezek azon szkriptek,
    amelyeket <b>PHP</b> nyelven írnak. Ezen írják a
    <b>CMS-eket</b> – tartalomkezelő rendszereket.
  </li>
  <li>
    olyanok, amelyek közvetlenül a felhasználó böngészőjében futnak le.
    Ezek azon szkriptek, amelyeket <b>JavaScript</b> nyelven írnak.
    Ezeket leggyakrabban arra használják, hogy az oldalt
    kényelmesebbé és szebbé tegyék.
  </li>
</ul>
Задание 1

Adja hozzá ehhez a kódhoz a CSS stílusokat, hogy az alábbi eredményt kapja: