Question on CSS

razzel - May 9, 2008 - 20:15

If a create a head and some text using the head and paragraph tags, there will be an empty row between the head and the paragraph. Like this:

---

DRUPAL IS FUN

Drupal.org is the official website of Drupal, an open source content management platform. Equipped with a powerful blend of features, Drupal supports a variety of websites ranging from personal weblogs to large community-driven websites.

---

This empty row is being created automatically by the head tag. I would like to do this:

---

DRUPAL IS FUN
Drupal.org is the official website of Drupal, an open source content management platform. Equipped with a powerful blend of features, Drupal supports a variety of websites ranging from personal weblogs to large community-driven websites.

---

I want to eliminate the empty row between the head and the paragraph without affecting the distance between the head and what eventually is above it. Is it possible to do that with css, for instance? I have tried line-height but it did not work.

Try margin-bottom and/or

nevets - May 9, 2008 - 20:23

Try margin-bottom and/or padding-bottom on the header element. Per you example you probably want both to be zero.

The text above should have

Zelavi - May 9, 2008 - 20:30

The text above should have
{margin-bottom: 0px;}

The text below should have
{margin-top: 0px;}

Thanks! :-)

razzel - May 9, 2008 - 21:37

Thanks! :-)

 
 

Drupal is a registered trademark of Dries Buytaert.