Prática com Propriedades CSS Básicas

Copie o seguinte código HTML para sua página:

<h1>Linguagens para Sites</h1>

<h2>PHP e JavaScript</h2>
<p>
	As linguagens de programação <b>PHP</b> e <b>JavaScript</b> permitem
	tornar um site dinâmico, ou seja, que reage às ações do usuário.
	Por exemplo, é possível criar um menu suspenso bonito ou um slider.
</p>

<h2>Tipos de Scripts</h2>
<p>
	Para isso, são escritos scripts (do inglês <i>script</i> - "roteiro") -
	programas que permitem reagir às ações do usuário.
	Existem dois tipos de scripts:
</p>
<ul>
	<li>
		aqueles que são executados no servidor,
		e o resultado de sua execução chega ao navegador do
		usuário já pronto. Estes são os scripts
		escritos na linguagem <b>PHP</b>. É com ela que se escrevem
		os <b>CMS</b> – sistemas de gerenciamento de conteúdo.
	</li>
	<li>
		aqueles que são executados diretamente no navegador do usuário.
		Estes são os scripts escritos na linguagem <b>JavaScript</b>.
		Eles são usados na maioria das vezes para tornar a página
		mais conveniente e bonita.
	</li>
</ul>

Adicione estilos CSS a este código para obter o seguinte: