What is causing my paragraphs to squish?

http://nineraven.com.au/profile/

I am building this website in Wordpress, but I think there is something in the original theme's CSS that is removing the normal gap between the paragraphs <p> </p> etc. I can't seem to get that 1 line gap for neat formatting using <p> or even <br /><br /> which is not even correct html.

Can anyone identify it?

Also, how hard is it to use CSS to make the corners of the white box for the content to have rounded corners? I've seen this with CSS before I think. Does anyone know a link to a tutorial or could they give advice?


Thanks kindly.

The default (bottom) margin on your paragraphs is being set to 0 by style.css line 13:

* {
margin:0;
padding:0;
}

Rounded corners with css is supported by Chrome/FF3/Opera10/Safari3: http://www.the-art-of-web.com/css/border-radius/ but not IE. There are more complex ways of doing rounded corners with css that will work in IE - Google css rounded corners for a multiplicity of info...

This should be placed at the very TOP of your CSS so your CSS takes over after it has cleared the browser:

* {
margin: 0;
padding: 0;
border: 0;
}

Would be nice to have a link to problem page(s) so a look at CSS/HTML coding used can be made. As for Rounded Corners:

CSS:

http://malsup.com/jquery/corner/
http://www.css3.info/preview/rounded-border/
http://www.cssjuice.com/25-rounded-corners-techniques-with-css/
http://kalsey.com/2003/07/rounded_corners_in_css/
http://www.html.it/articoli/nifty/index.html

Online Tools:

http://www.roundedcornr.com/
http://www.spiffybox.com/
http://tools.sitepoint.com/spanky/
http://www.spiffycorners.com/
http://www.spiffycorners.com/index.php?sc=spiffy&bg=680000&fg=b20000&sz=5px
http://www.ezroundedcorners.com/
http://www.makeuseof.com/dir/rounmycorners-quick-basic-image-editor/