Элемент p создает параграф. В нем не могут содержаться элементы уровня блока (включая и сам элемент p). Также нежелательно использовать пустой элемент p, так как браузеры игнорируют пустые элементы p.

Элемент p добавляет вертикальный отступ перед и после абзаца. Применяется параграф для облегчения чтения текста и логической группировки связанных по смыслу предложений.

Элемент div может содержать как внутренние элементы, так и блочные и применяется для структурного разделения документа. Крайне часто применяется при верстке страниц с применением CSS, что дало ей определение «блочная».

Наряду с элементом в будущем div будет часто использоваться элемент span для форматирования частей строк.

1.3. Форматирование текста с помощью элемента pre

Элемент pre сообщает визуальным агентам пользователей, что пробельные символы внутри не нужно сокращать и переносить по ним длинные строки.

Очень не рекомендуется применять в элементе символ табуляции.

В элементе могут находиться только строчные элементы.

     ____
        o8%8888,
      o88%8888888.
     8'-    -:8888b
    8'         8888
   d8.-=. ,==-.:888b
   >8 `~` :`~' d8888
   88         ,88888
   88b. `-~  ':88888
   888b ~==~ .:88888
   88888o--:':::8888
   `88888| :::' 8888b
   8888^^'       8888b
  d888           ,%888b.
 d88%            %%%8--'-.
/88:.__ ,       _%-' ---  -
    '''::===..-'   =  --.  `

<h2 class="center">
    Голландская фирма Horns&Hoofs запустила online-магазин
</h2>