Выравнивание текста во всю ширину

По умолчанию в Tilda есть 3 вида выравнивания текста:

по левому краю
по правому краю
по центру

Когда нужно выровнять текст по всей ширине блока TX01 - в таком тексте оба конца строки размещаются вплотную к внутренним краям элемента. Пробелы между словами в этом случае корректируются браузером так, что бы длина всех строк была строго одинаковая.

Добавляем на страницу в Тильде блок из категории Другое - Т123 "HTML код".

Заходим в настройки текстового блока и копируем его Block ID #rec*****

<style type="text/css">
#rec72******* .t-container {
text-align:justify; /*значение justify растягивание текста по ширине*/
}
</style>

Если нужно выровнять по всей ширине несколько блоков, вставляем через запятую

<style type="text/css">
#rec*******, #rec*******, #rec******* .t-container {
text-align:justify; /*значение justify растягивание текста по ширине*/
}
</style>

Готово.
Текст будет выровнен во всю ширину блока (от 1 до 12 колонок)
Код будет выполняться только на той странцие, на которой установлен блок с ID

Если мы не укажем id блока, то стили будут переопределены для всех элементов с классом .t-container

Блок Т123 Доступен только во время тестового периода и при подписке

Замените ******* в селекторе #rec******* на реальный ID вашего блока на Tilda. Для точечного применения стилей лучше использовать именно ID конкретного блока

В код можно добавить дополнительные полезные модификации

<style type="text/css">
#rec*******, #rec*******, #rec******* .t-container {
text-align:justify;
    text-indent: 30px;   /* Отступ первой строки абзаца */
    max-width: 1900px;   /* Максимальная ширина блока с текстом */
    line-height: 1.6;    /* Межстрочный интервал (высота строки) */
    hyphens: auto;       /* Автоматическая расстановка переносов (для красоты) */
    word-wrap: break-word; /* Позволяет длинным словам переноситься на новую строку */
    margin: 0 auto;      /* Автоматические отступы слева и справа для центрирования блока */
    padding: 10px;       /* Внутренние отступы внутри блока */
}
</style>