Отрицательные отступы не работают?

Question

Я использую CSS Paged Media для создания PDF. Большая часть моего контента выровнена нормально, но у меня есть несколько абзацев, которые я хочу дать отрицательный отступ: они должны начинаться на 2,5 мм слева от всего остального.

Пока это мой CSS:

h2 {
    font-family: Arial;
    background-color: #FF0000;
    font-size: 12pt;
    font-weight: bold;
    color: white;
    padding-left: 2.5mm;
    text-indent: -2.5mm;
}

Это предполагаемый эффект:

Когда я пытаюсь выполнить вышеизложенное в Antennahouse (6.5), левый край красного фонового блока остается выровненным с левым краем текста «Это руководство по обслуживанию ...»

Так что text-indent: -2.5mm; не работает, как я ожидаю. Как получить желаемый эффект?

Answer 1

Вы были близки. Бросьте padding-left и используйте:

margin-left: -2.5mm;
text-indent: 2.5mm;

Или бросьте text-indent и используйте:

margin-left: -2.5mm;
padding-left: 2.5mm;

Эффект тот же в этом случае. Это отрицательный margin-left, который перемещает левый край области блока на h2 влево.

Результат, отображаемый в графическом интерфейсе AH Formatter (с отображением границ области):