Prax na základné CSS vlastnosti

Skopírujte si nasledujúci HTML kód na svoju stránku:

html<h1>Jazyky pre weby</h1>

<h2>PHP a JavaScript</h2>
<p>
  Programovacie jazyky <b>PHP</b> a <b>JavaScript</b> umožňujú
  urobiť web dynamický, to znamená reagujúci na akcie používateľa.
  Napríklad je možné vytvoriť krásne rozbalovacie menu alebo posuvník (slider).
</p>

<h2>Druhy skriptov</h2>
<p>
  Na to sa píšu skripty (angl. <i>script</i> - "scenár") -
  programy, ktoré umožňujú reagovať na akcie používateľa.
  Skripty sú dvoch druhov:
</p>
<ul>
  <li>
    tie, ktoré sa vykonávajú na serveri,
    a výsledok ich vykonania prichádza do prehliadača
    používateľa už v hotovej podobe. Sú to skripty
    napísané v jazyku <b>PHP</b>. V ňom sa píšu
    <b>CMS</b> - systémy na správu obsahu.
  </li>
  <li>
    tie, ktoré sa vykonávajú priamo v prehliadači používateľa.
    Sú to skripty napísané v jazyku <b>JavaScript</b>.
    Najčastejšie sa používajú na to, aby bola stránka
    pohodlnejšia a krajšia.
  </li>
</ul>
Задание 1

Pridajte tomuto kódu CSS štýly, aby ste dosiahli nasledujúci výsledok: