> For the complete documentation index, see [llms.txt](https://help.lynda.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.lynda.ru/novyi-redaktor-3.0/rabota-v-pro-rezhime/redaktor-maketa/nastroika-maketa-konteinere.md).

# Настройка макета контейнере

Выберите макет контейнера , чтобы начать его настройку

<figure><img src="/files/s8skbuz80rcTpQB9Sdpy" alt=""><figcaption></figcaption></figure>

1. **Сложный список**\
   &#x20;   *На панели инструментов нажмите на значок «Сложный список»*\
   &#x20;   <mark style="color:$primary;">Появится значок «Добавить повторяемый элемент»</mark>
2. **Выравнивание**\
   &#x20;   *Установите выравнивание блока:*\
   &#x20; &#x20;*&#x20;<mark style="color:yellow;">Растянуть</mark> - растягивает блок, относительно родительского блока*\
   &#x20;   *<mark style="color:yellow;">По левому краю</mark> - размещает элемент к левому краю*\
   &#x20;   *<mark style="color:yellow;">По центру</mark> - размещает элемент к центру*\
   &#x20;   *<mark style="color:yellow;">По правому краю</mark> - размещает элемент к правому краю*\
   &#x20;   <mark style="color:$primary;">Устанавливает положение элемента относительно сторон</mark>
3. **Направление**\
   &#x20;   *Выберите место размещения блока:* \
   &#x20;   *<mark style="color:yellow;">→</mark> Слева направо (по умолчанию);*\
   &#x20;   *<mark style="color:yellow;">↓</mark> Сверху вниз;*\
   &#x20;   *<mark style="color:yellow;">←</mark>Справа налево (в обратном порядке);*\
   &#x20;   *<mark style="color:yellow;">↑</mark> Снизу вверх (в обратном порядке).*\
   &#x20;   <mark style="color:$primary;">Установка направления, как будет располагаться элемент</mark>
4. **Вертикально**\
   &#x20;  *Выберите распределение вдоль главной оси из выпадающего меню:*\
   &#x20;   *<mark style="color:yellow;">Старт</mark> - Выровнять по верхнему краю*\
   &#x20;   *<mark style="color:yellow;">Центр</mark> - Центрировать все блоки*\
   &#x20;   *<mark style="color:yellow;">Конец</mark> - Выровнять по нижнему краю*\
   &#x20;   *<mark style="color:yellow;">Пространство равномерно</mark> - Равномерное расстояние между всеми блоками*\
   &#x20;   *<mark style="color:yellow;">Пространство вокруг</mark> - Равномерное расстояние между элементами с половинными полями*\
   &#x20;   *<mark style="color:yellow;">Пространство между</mark> - Равномерное расстояние между элементами, без полей*\
   &#x20;   <mark style="color:$primary;">Выравнивание блока по вертикальной оси (верх/низ)</mark>
5. **Горизонтально**\
   &#x20;   *Выберите выравнивание блока вдоль поперечной оси*\
   &#x20;   <mark style="color:$primary;">Установка горизонтального выравнивания для блока</mark>
6. **Интервал**\
   &#x20;   *Укажите расстояние между элементами в пикселях*\
   &#x20;   <mark style="color:$primary;">Установка интервала между элементами</mark>