Типографика - Путешествия по миру ✈

Заголовок

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

Списки

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

Первый элемент списка
Второй элемент списка
Третий элемент списка
Четвертый элемент списка
Пятый элемент списка

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

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

Первый элемент списка
Второй элемент списка
Третий элемент списка
Четвертый элемент списка
Пятый элемент списка

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

Цитата

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

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

Сноски

Обычная

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

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

<div class="b-note">

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

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

</div>

Рамка

<div class="b-note b-note_outline">

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

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

</div>

Яркая

<div class="b-note b-note_bright">

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

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

</div>

Изображения

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

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

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

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

Видео

<div class="b-video" data-video="tJOeQwZRlcM"></div>

* Выделен жирным — код видео YouTube.