Практика на основни CSS својства

Копирајте го следниот HTML код на вашата страница:

html<h1>Јазици за веб-сајтови</h1>

<h2>PHP и JavaScript</h2>
<p>
  Јазиците за програмирање <b>PHP</b> и <b>JavaScript</b> овозможуваат
  да се направи веб-сајтот динамичен, односно да реагира на дејствата на корисникот.
  На пример, може да се направи убаво падачко мени или слајдер.
</p>

<h2>Видови скрипти</h2>
<p>
  За ова се пишуваат скрипти (англ. <i>script</i> - "сценарио") -
  програми кои овозможуваат да се реагира на дејствата на корисникот.
  Скриптите се од два вида:
</p>
<ul>
  <li>
    оние кои се извршуваат на серверот,
    а резултатот од нивното извршување доаѓа во прелистувачот кај
    корисникот веќе во подготвена форма. Ова се скрипти,
    напишани на јазикот <b>PHP</b>. На него се пишуваат
    <b>CMS-ки</b> – системи за управување со содржината.
  </li>
  <li>
    оние кои се извршуваат директно во прелистувачот на корисникот.
    Ова се скрипти напишани на јазикот <b>JavaScript</b>.
    Тие најчесто се користат за да се направи страницата
    попогодна и поубава.
  </li>
</ul>
Задание 1

Додадете CSS стилови на овој код за да се добие следново: