Question

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.

Was it helpful?

Solution

15? 15 what? Have you considered using units?

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

OTHER TIPS

Change:

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

Maybe you have a previous line like this:

p { display: inline }

This CSS disable the use of padding.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top