Removing Space Between Paragraphs

Dev Shed Forums Sponsor:

July 10th, 2006, 04:11 PM

JayRaney

Registered User

Join Date: Aug 2002

Location: Tennessee

Posts: 25

Time spent in forums: 8 h 10 m 23 sec
Reputation Power: 0

Removing Space Between Paragraphs

What is the correct way to remove the space between paragraphs?

I have p { margin-top: -12px; } but IE/Win appears to be clipping the top of the topmost paragraph containers.

What is the most compatible way to do this?

July 10th, 2006, 04:36 PM

jharnois

mod_dev_shed

Dev Shed God 20th Plane (14500 - 14999 posts)

Join Date: Sep 2002

Location: Atlanta, GA

Posts: 14,817

Time spent in forums: 1 Month 1 Week 4 Days 7 h 14 m 56 sec
Reputation Power: 1098

Most block elements have margin and/or padding by default, and that's what you need to remove.

Code:

p
  {
  margin: 0;
  }

__________________
# Jeremy

Explain your problem instead of asking how to do what you decided was the solution.

July 10th, 2006, 05:21 PM

JayRaney

Registered User

Join Date: Aug 2002

Location: Tennessee

Posts: 25

Time spent in forums: 8 h 10 m 23 sec
Reputation Power: 0

Thanks! I haven't been able to check it in other browsers yet, but I think that did it.

July 10th, 2006, 05:57 PM

octopi

Registered User

Join Date: Nov 2004

Posts: 18

Time spent in forums: 2 h 30 m 12 sec
Reputation Power: 0

Yes, you can also use padding: 0; if margin isn't the one you're looking for. Padding is internal space and margins are external space.

July 11th, 2006, 06:38 AM

b3n

Prisoner of the Sun

Join Date: Jul 2004

Location: The Mews At Windsor Heights

Posts: 5,309

Time spent in forums: 2 Months 2 Weeks 4 Days 8 h 2 m 23 sec
Reputation Power: 2349

Code:

p { display: inline; }

Might have the same effect.

__________________
.

:: My blip.fm tunes :: Web Design Feeds :: Web Dev Feeds :: CheatSheets :: PHP :: MySQL :: 13 Moon FB App.

"All matter is merely energy condensed to a slow vibration. We are all one consciousness experiencing itself - subjectively. There is no such thing as death, life is only a dream. We are the imaginations of ourselves."
- Bill Hicks

"Truth is hidden in the subtle nature of the heart of everything, although it is invisible. One cannot see it from inside and neither from the surface. One can only live and experience it."
- Heart Sutra

July 11th, 2006, 07:25 AM

jharnois

mod_dev_shed

Join Date: Sep 2002

Location: Atlanta, GA

Posts: 14,817

Time spent in forums: 1 Month 1 Week 4 Days 7 h 14 m 56 sec
Reputation Power: 1098

Quote:

Originally Posted by b3n

Code:

p { display: inline; }

Might have the same effect.

... but changes the properties altogether.

April 13th, 2010, 04:14 AM

kleinbaas

Registered User

Join Date: Aug 2009

Posts: 2

Time spent in forums: 17 m
Reputation Power: 0

How I set margin and padding to 0 for everything

If you have tried all these suggestions without a result (like I did) try putting this:

* {
margin: 0;
padding: 0;
}

in your CSS file.

Then use padding: bla bla bla bla; to define the spaces you want in-between H1, H2 and Paragraphs as I did for searchourworld.com

Hope that helps. :-)

Removing Space Between Paragraphs

Developer Shed Advertisers and Affiliates