Элементы

Текст

Это жирный текст, а это сильное выделение. Это курсив, а это эмфатический текст. Это ^{верхний индекс}, а это _{нижний индекс}. Это подчёркнутый текст, а это пример кода: for (;;) { ... }. Наконец, это ссылка.

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

Заголовок уровня 2

Заголовок уровня 3

Заголовок уровня 4

Цитата

Это пример оформленной цитаты. Такой блок помогает выделить важную мысль или отзыв клиента и визуально отделить его от основного текста.

Преформатированный текст

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Списки

Действия

Table

Default

Alternate

Buttons

• Primary
• Default

• Large
• Default
• Small

• Fit
• Fit
• Fit

• Fit + Small
• Fit + Small
• Fit + Small

• Иконка
• Иконка
• Иконка

• Отключена
• Отключена

Форма

Изображения

По ширине блока

Слева и справа

Изображения можно выравнивать по левому краю, обтекая их текстом. Это позволяет разместить иллюстрацию рядом с описанием и сэкономить вертикальное пространство на странице.

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