Практика на основні CSS властивості

Скопіюйте наступний 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>

Додайте до цього коду CSS стилі, щоб вийшло наступне: