Spacing in a bulleted list

When you are making a bulleted list, how do you control the spacing at the beginning of the bulleted list and right at the end of it?
solsticeintAsked:
Who is Participating?
 
scrathcyboyCommented:
There are two CSS features for UL and LI --

margin-top: xx px;
margin-bottom: xx px;
padding-top: yy px;
padding-bottom: yy px;

Margins and padding are different.

Set yourself up a CSS with UL and LI specified differently --

UL { parameters here |
LI  { parameters here }

and vary them, and you will see that the spacing and margins of the UL and LI can be controlled differently.  Don't forget to try margin-left and padding-left on the LI elements too.
0
 
Carl TawnSystems and Integration DeveloperCommented:
You can apply left padding to the LI element to force space before the text. For after it, do you mean after each item, or after the list itself?
0
 
solsticeintAuthor Commented:
So if you had a paragraph and then the bullets, then another paragraph.  It would be the spaceing beween the paragraph's and the bullets.

"Paragraph of text here......"
Spacing in question
     *bullet list
Spacing in Question
"Another Paragraph"
0
 
Carl TawnSystems and Integration DeveloperCommented:
Ah, ok. In that case you could either apply top and bottom padding to the UL element, or you could apply padding to the P elements.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.