Как выровнять переносы в длинных пунктах списка

Если пункт списка занимает две или три строки, продолжение должно начинаться под его текстом, а не под маркером или номером. Такой выступающий отступ помогает быстро видеть границы пунктов и читать длинный перечень без скачков. Настройте его стилем списка или параметрами абзаца, затем проверьте макет после смены ширины, шрифта и нумерации.

В коротком пункте маркер и фраза помещаются на одной строке, поэтому положение продолжения незаметно. Проблема появляется, когда текст переносится. Если вторая строка начинается у самого левого края списка, она может оказаться визуально ближе к предыдущему пункту, чем к своему началу. Глаз вынужден каждый раз заново находить номер или точку, а в плотном документе это замедляет просмотр.

Сравните два варианта:

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

Висячий отступ, также называемый отступом второй строки, меняет положение строк после первой: продолжение располагается глубже первой строки. Так его определяет справка Microsoft Word. Для пункта списка это означает простое правило: маркер или число остаются у левого поля своего уровня, а все строки текста начинаются по одной вертикали. Правило полезно и для многострочного абзаца с тире, если тире играет роль маркера.

Лучше использовать настоящий маркированный или нумерованный список, а не набирать маркеры вручную. Редактор тогда знает, где заканчивается номер и где начинается текст, и может сохранять отступы при редактировании. Если поставить точку, дефис или цифру обычным символом, программа воспринимает всю строку как абзац; переносы придётся подгонять отдельно.

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

Один пункт обычно содержит одну законченную мысль. Если внутри него есть подпункты, используйте следующий уровень списка с отдельным положением маркера и текста. Не имитируйте вложенность несколькими пробелами или тире: при переносе строки такой рисунок быстро рассыпается.

У списка есть две базовые линии: место, где стоит маркер, и место, где начинается текст. Маркер может выходить немного влево от текстовой колонки, а текст — занимать общую вертикальную ось на всех строках пункта. Важен не размер отступа сам по себе, а постоянство отношения между этими линиями.

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

Если маркер находится внутри текстовой области, он занимает часть ширины строки. При коротких блоках это может быть заметно: продолжение начинает казаться смещённым, а текстовая часть становится узкой. В веб-разметке положение маркера относительно содержимого списка управляется стилем списка; документация MDN объясняет различие между размещением маркера внутри и снаружи основного текстового блока. Для обычного чтения выберите вариант, при котором все строки пункта чётко остаются вместе.

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

В Microsoft Word параметр висячего отступа находится в настройках абзаца: справка Microsoft предлагает выбрать специальный тип Hanging и задать глубину. Для списков Word также позволяет менять положение маркера и отступ текста. Это наглядный путь для документа, но в другой программе ищите эквивалентные настройки в свойствах списка, абзаца или стиля.

Вложенный список должен быть виден как отдельный уровень, а не как случайный сдвиг текста. Сначала задайте для первого уровня собственное положение маркера и строк текста, затем повторите для второго. Каждый уровень сдвигается относительно предыдущего достаточно, чтобы показать структуру, но не настолько, чтобы текстовая колонка стала тесной. Для длинных объяснений лучше сократить вложенность или разбить материал заголовками.

В нумерации проверьте переход с 9 на 10, а затем несколько пунктов подряд. Если номера занимают разную ширину, начало текста должно оставаться ровным. Не подправляйте только номер «10» пробелами: следующая правка изменит номера ещё раз. Используйте табулятор или позицию текста, заданную стилем списка.

В узком макете ширина после маркера особенно важна. Длинная фраза может перенестись сразу на несколько строк, а большой отступ оставит мало места для каждой из них. В таком случае уменьшите боковой отступ или сократите формулировку. Не уменьшайте кегль только для одного пункта: разный размер букв внутри перечня создаёт ещё один сигнал, который читателю приходится интерпретировать.

Если пункты автоматически нумеруются, изменение порядка может обновить все числа. После перестановки проверьте и вертикаль начала текста, и содержание ссылок на номера («см. пункт 4»). Параметры списка отвечают за композицию, а автоматическая нумерация — за последовательность; одно не гарантирует правильность другого.

На веб-странице стандартные элементы списка обычно переносят продолжение вместе с текстовым блоком. Если маркер создан отдельным элементом интерфейса или стилизован вручную, его отступ может вести себя иначе. После изменений CSS сверяйте длинный пункт с коротким: вторая строка должна сохранять начало текстовой части. В руководстве MDN по отступам списков разобрано, почему положение маркера влияет на видимый отступ.

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

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

Если вы проверяете собственный рукописный шрифт, вставьте его в несколько пунктов разной длины. Маркер и цифры должны быть визуально различимы, а начало продолжения — сохранять ритм. На Fontgenerator можно получить шрифт из собственного почерка и оценить его не на алфавите, а в настоящем списке с короткими строками, длинными пояснениями и переходом на второй уровень.

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

Обычно её выравнивают под текстовой частью пункта. Тогда глаз быстро находит начало фразы и распознаёт её как один элемент. Маркер остаётся отдельным ориентиром слева, а продолжение не конкурирует с соседним пунктом.

Это ненадёжно: пробелы имеют ширину, зависящую от шрифта и параметров набора. После замены гарнитуры или редактирования текста строки сместятся. Используйте настройки отступа списка или абзаца, которые применяются ко всем его пунктам.

Сократите отступ уровня, уменьшите число уровней или перепишите слишком длинный пункт. Если пояснение не является отдельным шагом, вынесите его в обычный абзац. Не уменьшайте размер шрифта в одном пункте ради того, чтобы он поместился.

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

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

Для длинных пунктов задайте отступ так, чтобы маркер оставался у края списка, а каждая строка текста начиналась в одной точке. Настройте стиль один раз, затем проверьте многострочные пункты, переход к двузначной нумерации, вложенный уровень и экспорт. Чтобы проверить характер рукописного шрифта в реальном наборе, создайте его на Fontgenerator и вставьте в контрольный список.