Практика на основные 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 так, чтобы этот код выглядел в браузере следующим образом: