Типографика (старая)

Заголовок

<h2>Заголовок</h2>

Списки

Маркированный

  • Первый элемент списка
  • Второй элемент списка
  • Третий элемент списка
  • Четвертый элемент списка
  • Пятый элемент списка
<ul>
	<li>Первый элемент списка</li>
	<li>Второй элемент списка</li>
	<li>Третий элемент списка</li>
	<li>Четвертый элемент списка</li>
	<li>Пятый элемент списка</li>
</ul>

Нумерованный

  1. Первый элемент списка
  2. Второй элемент списка
  3. Третий элемент списка
  4. Четвертый элемент списка
  5. Пятый элемент списка
<ol>
	<li>Первый элемент списка</li>
	<li>Второй элемент списка</li>
	<li>Третий элемент списка</li>
	<li>Четвертый элемент списка</li>
	<li>Пятый элемент списка</li>
</ol>

Цитата

Этот элемент указывает на то, что заключенный в нем текст является развернутой цитатой. Ссылку на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом cite.

<blockquote>Этот элемент указывает на то, что заключенный в нем текст является развернутой цитатой. Ссылку на источник цитаты можно указать в атрибуте cite, тогда как текстовое представление источника может быть задано элементом cite.</blockquote>

Сноски

Обычная

Текст-«рыба», часто используемый в печати и вэб-дизайне. Является стандартной «рыбой» для текстов на латинице с начала шестнадцатого века.

В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя текст-рыбу для распечатки образцов.

<div class="b-typography__note">

Текст-«рыба», часто используемый в печати и вэб-дизайне. Является стандартной «рыбой» для текстов на латинице с начала шестнадцатого века.

В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя текст-рыбу для распечатки образцов.

</div>

Рамка

Текст-«рыба», часто используемый в печати и вэб-дизайне. Является стандартной «рыбой» для текстов на латинице с начала шестнадцатого века.

В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя текст-рыбу для распечатки образцов.

<div class="b-typography__note b-typography__note_outline">

Текст-«рыба», часто используемый в печати и вэб-дизайне. Является стандартной «рыбой» для текстов на латинице с начала шестнадцатого века.

В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя текст-рыбу для распечатки образцов.

</div>

Яркая

Текст-«рыба», часто используемый в печати и вэб-дизайне. Является стандартной «рыбой» для текстов на латинице с начала шестнадцатого века.

В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя текст-рыбу для распечатки образцов.

<div class="b-typography__note b-typography__note_bright">

Текст-«рыба», часто используемый в печати и вэб-дизайне. Является стандартной «рыбой» для текстов на латинице с начала шестнадцатого века.

В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя текст-рыбу для распечатки образцов.

</div>

Изображения

Обтекание текстом

Lorem Ipsum — это текст-«рыба», часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной «рыбой» для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.

Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.

Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.

Lorem Ipsum — это текст-«рыба», часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной «рыбой» для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.

Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.

Используйте визуальный редактор (вкладка "Визуально") чтобы задать размеры и выравнивание изображения относительно текста.

Видео

<div class="b-video">
	<iframe src="https://www.youtube.com/embed/SWELdS1fG_E?enablejsapi=1" frameborder="0" allowfullscreen></iframe>
</div>