абзац ‹p› отступ не применяется

Следующие три фрагмента кода ведут себя точно так же:

<p {padding: 0 15 0 15}>  A paragraph of text here...  </p>

<p> A paragraph of text here... </p>

<p style="padding: 0 15 0 15">  A paragraph of text here...  </p>

Как сделать отступ абзаца с обеих сторон? (Я попробовал 15 пикселей вместо 15 (РЕДАКТИРОВАТЬ, но только на первых двух), я также попытался разделить числа запятыми, как пример, который я нашел в Google.)

Приведенный выше код находится в div, который находится в теле, никакие другие div, таблицы и т. д. не задействованы.

Раздел определяется:

<div style="background-color: white; color: black; overflow:auto">

Спасибо за любую помощь.


padding css paragraph
person Rilien    schedule 11.03.2010    source источник
comment
Рекомендуется 15 пикселей вместо 15, чтобы решение (с использованием стиля) работало во всех браузерах. Я видел, что некоторые версии IE игнорируют значения без единицы измерения. w3.org/TR/REC-CSS1/#units — вы re save только для того, чтобы опустить единицу измерения, когда значение равно 0.   -  person Select0r    schedule 11.03.2010
comment
В дополнение к хорошим ответам ниже, могу ли я предложить firefox и плагин firebug как очень полезные при выяснении ваших проблем со стилем html.   -  person Paddy    schedule 11.03.2010

Ответы (3)


arrow_upward
17
arrow_downward

15? 15 что? Рассматривали ли вы возможность использования единиц?

<p style="padding: 0 15px">foo</p>
person nickf    schedule 11.03.2010
comment
Спасибо. Мне нужны были как стиль=, так и px - person Rilien; 11.03.2010
comment
Я бы рекомендовал использовать em вместо px, потому что он более совместим с разными браузерами. т.е. ‹p style=padding: 0 1em;›bar‹/p› - person jwhat; 11.03.2010
comment
@jwhat Использование em вместо px не является проблемой совместимости с разными браузерами. Это больше касается приоритета точного дизайна (px) по сравнению с изменением размера текста (em). Все современные браузеры правильно интерпретируют единицы измерения. - person Larsenal; 12.03.2010

arrow_upward
4
arrow_downward

Изменять:

<p {padding: 0 15 0 15}>  A paragraph of text here...  </p>

to:

<p style="padding: 0px 15px 0px 15px">  A paragraph of text here...  </p>
person Klaus Byskov Pedersen    schedule 11.03.2010
comment
Я думал, что это сработает, но это не так. Я добавил приведенный выше код в описание проблемы. - person Rilien; 11.03.2010
comment
Этот пример неверен, вам все еще нужна единица измерения, такая как 15px или 1em. - person jwhat; 11.03.2010

arrow_upward
3
arrow_downward

Возможно, у вас есть предыдущая строка, подобная этой:

p { display: inline }

Этот CSS отключает использование отступов.

person Manuel Marquez    schedule 28.03.2014