paragraph "<p>" padding not applied

css padding paragraph
Rilien picture Rilien · Mar 11, 2010 · Viewed 43k times · Source

The following three pieces of code behave exactly the same:

<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>

How do I get the paragraph indented on both sides? (I tried 15px instead of 15 (EDIT - but only on the first two), I also tried separating the numbers with commas, like an example I found on Google.)

The above code is in a div which is in the body, no other divs or tables, etc. are involved.

The div is defined:

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

Thanks for any help.

Answer

nickf picture nickf · Mar 11, 2010

15? 15 what? Have you considered using units?

<p style="padding: 0 15px">foo</p>

Related questions

When to use margin vs padding in CSS

When writing CSS, is there a particular rule or guideline that should be used in deciding when to use margin and when to use padding?

Read More
Remove all padding and margin table HTML and CSS

I have this table : <body> <table id="page" > <tr id="header" > <td colspan="2" id="tdheader" >je suis</td> </tr> <tr> <td>1</td> &…

Read More
Why is there an unexplainable gap between these inline-block div elements?

I have two inline-block div elements, that are the same, positioned next to eachother. However there seems to be a mysterious space of 4 pixels between the two divs despite the margin being set to 0. There are no parent divs effecting …

Read More