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

Я использую 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; кажется, не работает, как я ожидаю. Как получить желаемый эффект?

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 (показаны границы области):

Другие вопросы по тегам