Редактор Онлайн

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
body {counter-reset:section;}
h1 {counter-reset:subsection;}
h1:before
{
counter-increment:section;
content:"Раздел " counter(section) ". ";
}
h2:before 
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
</style>
</head>

<body>

<p><b>Замечание:</b> IE8 поддерживает эти свойства только если указан тип документа !DOCTYPE.</p>

<h1>Уроки HTML</h1>
<h2>Основы HTML</h2>
<h2>HTML Элементы</h2>
<h2>Атрибуты</h2>

<h1>Уроки CSS</h1>
<h2>Что такое CSS?</h2>
<h2>Синтаксис</h2>
<h2>Селекторы</h2>
<h2>Свойства фона</h2>

</body>
</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами