Css Spacing Help!

[RZX Developer]

Hi All,

I just wanted to know whether there is a CSS property that allows you to add space to your content without using <br />? If so could you please add the code needed along with the tag?

Regards

Wayne

[1840dsgn]

You can use the '+' symbol to space between two elements.

For example

Code: Select all

 
p+p {
 
padding-top: 2em;
 
}

would add 2em of padding everytime one paragraph directly follows another paragraph.

Similarly,

h1+p {

padding: 15px;
color: #fff;

}

would add 15px of padding and change fpont color to white for every paragraph that directly follows an h1 tag.

[Lchad]

What types of elements? Different elements aligned differently would require different thinking.

If it is a paragraph, I add a margin-bottom to the <p>

css

Code: Select all

p {
margin-bottom: 20 px;
}

So the html would look like this

Code: Select all

<p>I love summer time, it's such a fun time of year</p>
<p>Many people prefer Fall, since it's not quite as hot out</p>

[karinne]

The margin and padding properties are what you are most likely looking for.

But ... there are some instances where is it OK to use <br> ... so ... a little more info might help

[RZX Developer]

I am wanting this to seperate paragraphs, so the above example have worked really well!

[karinne]

Great!