<h1>Это заголовок</h1>
  <p>Здесь будет тематическое описание</p>

h1 {
        color: #a7220b;
    }
    p {
        color: #156aa9;
    }

<h1>Выравнивания текста</h1>
    <p>Здесь ваш написанный текст</p>

h1 {
        text-align: center;
    }
    p {
        width: 500px;
        text-align: justify;
    }

  <h1>Эффект отпечатка текста</h1>
  <p>Здесь как всегда идет описание и как понимаете, аналогично первая строка.</p>

  p {
        text-indent: 70px;
    }

  <h1>ZorNet.Ru: Портал Вебмастера 1</h1>
  <h2>ZorNet.Ru: Портал Вебмастера 2</h2>
  <h3>ZorNet.Ru: Портал Вебмастера 3</h3>
  <h4>ZorNet.Ru: Портал Вебмастера 4</h4>
  <p><strong>Примечание:</strong> The <code>blink</code> значение не поддерживается в IE, Chrome или Safari.</p>

   h1 {
          text-decoration:overline;
      }
      h2 {
          text-decoration:line-through;
      }
      h3 {
          text-decoration:underline;
      }
      h4 {
          text-decoration:blink;
      }

<h1>Здесь будет заголовок</h1>
  <p>Все для описание можно</p>

h1 {
          letter-spacing: -2px;
      }
      p {
          letter-spacing: 9px;
      }

<p class="untersam">ZorNet.Ru: Портал Вебмастера</p>
    <p class="serkszen">Обратите внимание, что пробелы между словами этого абзаца меняются, чтобы оправдать текст, даже если значение свойства установлено равным 20px.</p>
    <p class="lasrunsa">
     Эта параграф с сохраненными пробелами.
    </p>

  p.untersam {
        word-spacing: 19px;
    }
    p.serkszen {
        width: 147px;
        word-spacing: 19px;
        text-align: justify;
    }
    p.lasrunsa {
        word-spacing: 19px;
        white-space: pre;
    }

  <h1> Пример высоты строки CSS </h1>
  <p class="spacingcan">Свойство line-height задает высоту между строками текста.
Высота строки этого параграфа указана с использованием номера.</p>
  <p class="something">Свойство line-height задает высоту между строками текста.<br> Высота строки этого абзаца указана с использованием процента.</p>

     p.spacingcan {
          line-height: 1.3;
          border: 2px solid #10dc10;
      }
      p.something {
          line-height: 197%;
          border: 2px solid #ce5b15;
      }

<p>looooooooooooooooooooooooooooooooooooooooooooooooooooooooooong</p>

    p {
   width: 312px;
   background: #b3fbb3;
   word-wrap: break-word;
  }

    <p class="constraints">Это изображение
<img src="http://zornet.ru/ABVUN/sarunolas/zornet/smiley.png" alt="Интересные решения вебмастеру"> выравнивается по вертикали сверху текста.</p>
    <p class="currently">Это изображение
<img src="http://zornet.ru/ABVUN/sarunolas/zornet/smiley.png" alt="создания качественного сайта"> выравнивается по вертикали в центре текста.</p>
    <p class="generated">Это изображение
<img src="http://zornet.ru/ABVUN/sarunolas/zornet/smiley.png" alt="ZorNet.Ru: Портал Вебмастера"> выравнивается с базовым текстом текста.</p>

    p.constraints img{
        vertical-align: top;
    }
    p.currently img{
        vertical-align: middle;
    }
    p.generated img{
        vertical-align: baseline;
    }

    <h1>Пишем заголовок</h1>
    <p>Здесь будет описание под материал</p>

  body {
   font-family: Arial, Helvetica, sans-serif;
  }
  h1 {
   font-family: "Times New Roman", Times, serif;
  }

    <h1>Здесь яркий заголовок</h1>
    <p>А под него написано описание в мануале.</p>

  body {
   font-size: 15px;
  }
  h1 {
   font-size: 2em;
  }

    <p class="normal">Это нормальный абзац.</p>
    <p class="italic">Это абзац с курсивным шрифтом.</p>
    <p class="oblique">Это абзац с наклонным шрифтом.</p>

    p.normal {
   font-style: normal;
  }
  p.italic {
   font-style: italic;
  }
  p.oblique {
   font-style: oblique;
  }

<p>ZorNet.Ru: Портал Вебмастера</p>

p {
   font-variant: small-caps;
    font-size: 20px;
  padding: 0 20px;
  }

    <h1>Это заголовок</h1>
    <p>Здесь может быть описание.</p>

    h1 {
   font-weight: normal;
  }
  p {
   font-weight: bold;
  }