Could I get help with CSS <p> tags

Hey there DP,

I've been having trouble with the way my text displays on this website I made ... www.premierlifeskills.org

It is a WP blog and the way that the < p >tag is making the text read looks wrong. It is not placing a vertical space between the paragraphs.

Where in the Css file is it making it do this? and what can be changed to make it space normally? This is the CSS file

I would appreciate any help at all.

 

body,
p, ul, ol, li, form,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}

Code (markup):

You have no margin after or before your p elements. Thus it will all bunch up.

Try adding to your code

p {margin: 0 0 1em 0;}

Code (markup):

 

Thanks Adamsee. Much appreciated.

 

here is the definition that shows

/* General Rules */
body,
p {margin: 0 0 1em 0;}

all 4 margins in ONE declaration
means - clockwise:

first value is top margin
second value is right margin
third value is bottom margin
forth value is left margin

if you want all margins to be same, for example 20px, then you can shorten it to

p {margin: 20px}

here the tutorial for further assistance
http://www.w3schools.com/css/tryit.asp?filename=trycss_margin


God bless

 

FYI, the usual default margins for paragraphs are

p {margin: 1em 0;}

That is, 1em above and below the p, and nothing to the sides.

cheers,

gary