Forum Moderators: not2easy

Message Too Old, No Replies

Closing the space between a <p> and <ul>

         

rogue3

7:43 pm on Nov 26, 2010 (gmt 0)

10+ Year Member



I'm trying to create a custom list that closes the space between the paragraph above it and the list itself. Seems like no matter what I try all I do is adjust the spacing between the list items themselves. Here's what I'm talking about:

[jeditemplewarroom.com...]

Can anyone shed some light on this seemingly-yet-stumping me CSS?

birdbrain

7:54 pm on Nov 26, 2010 (gmt 0)



Hi there rogue3,

and a warm welcome to these forums. ;)

Certain HTML elements have default margins and the ol, ul and p elements belong to this group.

Set them to zero or your required values.

birdbrain

rogue3

8:28 pm on Nov 26, 2010 (gmt 0)

10+ Year Member



Thanks. I finally figured out that it's not the ul tag that was needed tweaking, but the p tag for the line above it. I made a special p tag with a -17 bottom margin and that pulled the list closer to the line above it.