Практика на основни 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 стилове, за да се получи следното: